使单选按钮默认为选中状态

Question

我设置了2个男性和女性单选按钮，并且我想默认选中第一个单选按钮。

我已经添加了单选按钮的选中属性，但仍显示为未选中

<div class="form-check form-check-inline">
   <input class="form-check-input" type="radio" name="gender" id="male" value="male" [(ngModel)]="data.gender" #gender="ngModel" [checked]>
   <label class="form-check-label" for="inlineRadio1">Male</label>
</div>
<div class="form-check form-check-inline">
   <input class="form-check-input" type="radio" name="gender" id="female" value="female" [(ngModel)]="data.gender" #gender="ngModel">
   <label class="form-check-label" for="inlineRadio2">Female</label>
</div>

Answer 1

在您的打字稿中，

存储data.gender = "male"

，然后从HTML中删除checked属性。通过使用上述方法，您的检查值必须始终更新 [如示例中所示] 。

Live_Example

Answer 2

您可以使用[(ngModel)]，但是您需要将“ {male}”的值更新为“ data.gender”，并从选中的位置删除[]。