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

前端之家收集整理的这篇文章主要介绍了当有ngModel时,检查角度2中的单选按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的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检查加载页面上的单选按钮?

解决方法

如果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;

您可以在this plunker中看到代码正常工作.

猜你在找的Angularjs相关文章