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"/>

工作演示