Angular 选中的属性不为'；不能使用ngModel

我在表单中有以下代码：

<div class="radio" *ngFor="let gender of genders">
  <label>
    <input type="radio" name="gender" ngModel [value]="gender" [checked]="gender==='male'" />
    {{gender}}
  </label>
</div>

{{性别}

---

在这种情况下，默认情况下两个按钮都不选中。但是，如果我删除了ngModel，那么默认情况下会选中“male”选项，正如预期的那样。我遗漏了什么？

嗯，这既简单又不直观。解决方案是修改单选按钮，如下所示：

<input type="radio" name="gender" [(ngModel)]="selectedGender" [value]="gender" [checked]="gender==='male'" />

---

然后将“selectedGender”作为属性添加到组件中。

您可以删除

[选中]=“性别=='male'”

。