Проверенный атрибут не работает в мат-переключателе

Question

Я создаю радиокнопку со свойством зарегистрированного, но она не показывает выбранное

<mat-radio-group name="radioOpt1" [(ngModel)]="selectedRadio" [ngModelOptions]="{standalone: true}" (change)="radioChange($event)">
<mat-radio-button value="own" checked name="own">Own</mat-radio-button>
<mat-radio-button value="competitor" name="own">competitor</mat-radio-button> </mat-radio-group>

Я хочу, чтобы первая радиокнопка была отмечена по умолчанию

Answer 1

Если используется ngModel, то вам нужно передать значение радиокнопки на ngModel.

<mat-radio-group name="radioOpt1" [(ngModel)]="selectedRadio" 
   [ngModelOptions]="{standalone: true}" (change)="radioChange($event)">
  <mat-radio-button value="own" name="own">Own</mat-radio-button>
  <mat-radio-button value="competitor" name="own">competitor</mat-radio-button> 
</mat-radio-group>

и файл ts

 selectedRadio = 'own'; //default value

 radioChange(e){
   console.log(this.selectedRadio)
 }

или динамически заполненный файл

 <mat-radio-group name="radioOpt1" [(ngModel)]="selectedRadio"
    [ngModelOptions]="{standalone: true}" (change)="radioChange($event)">
   <mat-radio-button *ngFor="let but of list" [value]="but.id" name="own" >
      {{but.name}}
   </mat-radio-button>
 </mat-radio-group>

ts

  list = [{ "name": "own", id: "own"},{ "name": "competitor", id: "competitor"}];

  selectedRadio =this.list[0].id;