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

发布时间：2020-12-17 17:03:52 所属栏目：安全来源：网络整理

导读：在我的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 但是我无法削减

在我的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中看到代码正常工作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!