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;

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

Answer 2

您错过了check属性的绑定。你只需要这个

<input type=“radio” id=“user” name=“user” value=“RETAIL” [(ngModel)]=“myRadio” [checked]=“true”>

我放置了true，因为你要求在页面加载时检查它。但是如果你想让它有更多的逻辑，你可以把变量或条件放在一起。

您可以快速查看here以查看有关如何在Angular上设置单选按钮的更多选项

Answer 3

以下内容应该有效

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

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

3 个答案: