角4デフォルトのradioButtonデフォルトでチェックされます

Question

私は私のオブジェクトから取得した値に応じてラジオボタンをデフォルトとしてマークしようとしていますが、TrueまたはFalseにすることができます。 オプションに応じて、デフォルトのラジオボタンとしてマークする方法を教えてください。

 <label>This rule is true if:</label> 
     <label class="form-check-inline"> 
     <input class="form-check-input" type="radio" name="mode" 
     value="true" [(ngModel)]="rule.mode"> all the following conditions are true 
     </label> 
     <label class="form-check-inline"> 
     <input class="form-check-input" type="radio" name="mode" value="false" [(ngModel)]="rule.mode"> at least one of the following conditions is true 
     </label> 

は私が真または偽で得た：「rule.mode」

Answer 1

あなたは[(ngModel)]を使用できますが、そうでない場合、値が文字列として評価しているあなたのvalue[value]に更新する必要があります。それは次のようになります。

<label>This rule is true if:</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="true" [(ngModel)]="rule.mode"> 
</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="false" [(ngModel)]="rule.mode"> 
</label> 

rule.modeが真である場合には、そのラジオが選択されています。それが偽であれば、もう一方は偽です。

違いは実際にvalueになります。 value="true"は実際には文字列 'true'に評価されますが、[value]="true"は真に評価されます。私は、これは動作するはずだと思う

Answer 2

：

<label>This rule is true if:</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="true" [(ngModel)]="rule.mode"> 
</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="false" [(ngModel)]="rule.mode"> 
</label>