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

Posted 2021-04-14

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

另一答案

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

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

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

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

另一答案

以下应该有效

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