Radio Button Default checked

Question

<div class="form-check-inline">
  <label class="form-check-label">
    <input type="radio" class="form-check-input" checked="checked" name="radio" [(ngModel)]="radio" [value]="true">Actif
  </label>
</div>
<div class="form-check-inline">
  <label class="form-check-label">
    <input type="radio" class="form-check-input" name="radio" [(ngModel)]="radio" [value]="false">Désactivé
  </label>
</div>

I want to set the Default checked on radio button but its not working with [(ngModel)].

you can refer this https://stackoverflow.com/questions/43780840/angular-4-default-radio-button-checked-by-default — shaan26, Jul 18 '18 at 09:27
check this https://stackblitz.com/edit/radio-button?file=src/app/app.component.html — Chellappan வ, Jul 18 '18 at 09:34

score 0 · Accepted Answer · answered Jul 18 '18 at 09:42

Input type radio value can be string, number or boolean. For default check a radio button the value of ngModel and value attribute of radio input should be equal.

for example.

typescript: radio=true; html: [value]="true"

typescript: radio='ABC'; html: [value]="'ABC'"

typescript: radio=999; html: [value]="999"

Radio Button Default checked

1 Answers1