当有ngModel时,检查角度2中的单选按钮

Question

在我的Angular 2项目中ngModel,单选按钮不会检查它

<input type="radio" id="user" name="user" value="RETAIL [(ngModel)]="myRadio" check>

但当我切断ngModel它检查

<input type="radio" id="user" name="user" value="RETAIL check>

但是因为我需要ngModel,我无法削减它,是否有另一种方法来检查加载页面上的单选按钮ngModel？

Answer 1

如果input元素的值是字符串文字,请使用以下两种形式之一声明它:

<input type="radio" id="user" name="user" value="My value 1" [(ngModel)]="myRadio" />
<input type="radio" id="user" name="user" [value]="'My value 1'" [(ngModel)]="myRadio" />

如果该值不是字符串文字,请使用[value]:

<input type="radio" id="user" name="user" [value]="MyValue1" [(ngModel)]="myRadio" />

要默认选中单选按钮,您应该初始化myRadio为适当的值:

对于字符串值:

public myRadio: string = "My value 1";

对于另一种类型的数据:

public myRadio: MyDataType = MyValue1;

你看到这个代码在这个plunker中工作.