angular radio button checked code example

Example 1: angular how to check a radiobox

<p>
   <input type="radio" value="male" name="gender" [ngModel]="user.gender" > Male
   <input type="radio" value="female" name="gender" [ngModel]="user.gender" > Female
</p>
<p>
   <input type="checkbox" name="tc" [ngModel]="user.isTCAccepted" >
</p>

Example 2: angular 9 radio button checked

Try to specify value attributes. And do not forget that in case of radio buttons Model is not supposed to contain boolean value but should contain radio specific values like:

  <input type="radio" name="food" value="beef" [(ngModel)]="myFood"> Beef
  <input type="radio" name="food" value="lamb" [(ngModel)]="myFood"> Lamb
  <input type="radio" name="food" value="fish" [(ngModel)]="myFood"> Fish

Example 3: angular radio box already showing checked

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

Tags:

Html Example