Angular 4 default radio button checked by default

You can use [(ngModel)], but you’ll need to update your value to [value] otherwise the value is evaluating as a string. It would look like this:

<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 is true, then that radio is selected. If it’s false, then the other.

The difference really comes down to the value. value="true" really evaluates to the string ‘true’, whereas [value]="true" evaluates to the boolean true.