Angular 7：radio 类型的复选框，使用 ngModel 还是更改功能？

Question

<label>Yes</label>
<input type="radio" name="dia?" [checked]="info.bDia" (change)="onchangeDia(dia?.checked)">&nbsp;
<label>No</label>&nbsp;
<input type="radio" name="dia?" [checked]="!info.bDia" (change)="onSaveDiabetes(dia?.checked)" />

我有一个收音机类型的输入和两个复选框。 我想知道如何获取当前值，因为我需要更改一个变量。

onchangeDia(val: boolean){
    this.info.bDia = val; // if I log both I get null
}

所以，我不知道该怎么做。 问题是只能选中一个复选框 - 我需要检查哪一个。 如果带有“是”标签的复选框，则info.bDia应更改为 true。 我会用双向数据绑定来做到这一点，但它对我也不起作用。

Answer 1

您不需要在change上添加任何功能。 只有添加[(ngModel)]有效。

像这样尝试：

<label>Yes</label>
<input type="radio" name="dia" [value]="true" [(ngModel)]="info.bDia">&nbsp;

<label>No</label>&nbsp;
<input type="radio" name="dia"  [value]="false"  [(ngModel)]="info.bDia"/>

工作演示