Angular 4 默认单选按钮默认选中

我试图根据从对象获得的值将单选按钮标记为默认值，它可以是 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 of 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>

我设置了 true 或 falserule.mode.

您可以使用[(ngModel)]，但您需要更新您的value to [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>

If rule.mode为 true，则选择该收音机。如果是假的，那就是其他的。

差异实际上归结为value. value="true"实际上评估为字符串“true”，而[value]="true"计算结果为布尔值 true。