antd 实色填底的单选按钮_数据录入 - Radio单选框 - 《NG-ZORRO（Ant Design of Angular）9.1 组件文档》 - 书栈网 · BookStack...

Radio单选框

单选框。

何时使用用于在多个备选项中选中单个状态。

和 Select 的区别是，Radio 所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。

import{NzRadioModule}from'ng-zorro-antd/radio';

代码演示

基本

最简单的用法。

import{Component}from'@angular/core';

@Component({

selector:'nz-demo-radio-basic',

template:`

Radio

`

})

exportclassNzDemoRadioBasicComponent{}

单选组合

一组互斥的 nz-radio 配合使用。

import{Component}from'@angular/core';

@Component({

selector:'nz-demo-radio-radiogroup',

template:`

A

B

C

D

`

})

exportclassNzDemoRadioRadiogroupComponent{

radioValue='A