已检查的属性不适用于ngModel

Question

我在表单中有以下代码：

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

在这种情况下，默认情况下都不会选中任何按钮。但是，如果我删除了ngModel，那么＆＃34; male＆＃34;默认情况下，按预期选中选项。我错过了什么？

Answer 1

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

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

然后添加＆＃34; selectedGender＆＃34;作为组件中的属性。