Angular 4：單選按鈕：已設置（使用雙向數據綁定）

我想在ngOninit期間基於某些輸入設置所選的單選按鈕。我想使用雙向數據綁定。Angular 4：單選按鈕：已設置（使用雙向數據綁定）

如何解決這個問題？本（以及類似的嘗試）不起作用：

<div class="form-group"> 
    <div class="col-xs-3"><label>Checker</label></div> 
    <div class="col-xs-9"> 
     <label class="radio-inline"><input type="radio" [(ngModel)]="checker" name="checker" value="0" [checked]="checker==0">Nee</label> 
     <label class="radio-inline"><input type="radio" [(ngModel)]="checker" name="checker" value="1" [checked]="checker==1">Akkoord</label> 
     <label class="radio-inline"><input type="radio" [(ngModel)]="checker" name="checker" value="2" [checked]="checker==2">Geen</label> 
    </div> 
    </div> 
</div

來源

2017-09-26 tjm1706

這些'[checked] =「checker == 0」'是無用的。單選按鈕的值是字符串，而不是數字。 http://plnkr.co/edit/TQJz0GD4tVEGfOajhjJw?p=preview –

@JBNizet - 謝謝！你能把這個文本也放在答案中嗎？然後我會標記它用+1解決。 – tjm1706

值屬性包含一個字符串（值=「0」等於[值] =「‘0’」），它看起來像檢查器變量包含一個數字，如果我們看看RadioControlValueAccessor中的writeValue方法，我們發現Angular使用與===運算符的嚴格比較。

所以，要解決這個問題，我們必須添加如下括號：[value] =「0」。在這種情況下，value屬性將包含一個數字，如果兩個變量包含相同的值，則測試檢查器===值將爲true。

此外，檢查的綁定應該被刪除。

來源

2017-09-27 19:51:31

Angular 4：單選按鈕：已設置（使用雙向數據綁定）

回答

相關問題