Отправить форму mat-radio-group

Question

Когда я пытаюсь отправить форму, а когда я console.log(), она отображается только как ноль без значения. Это мой демонстрационный код и stackblitz

HTML

<form [formGroup]="changeNotifyForm" (ngSubmit)="onSubmit()">
<mat-radio-group class="example-radio-group" name="favoriteSeason" [(ngModel)]="favoriteSeason" [ngModelOptions]="{standalone: true}">
  <mat-radio-button class="example-radio-button" *ngFor="let season of seasons" [value]="season">
    {{season}}
  </mat-radio-button>
</mat-radio-group>
<button>submit</button>
</form>

Компонент

changeNotifyForm:FormGroup;
   constructor(private fb: FormBuilder){
      this.changeNotifyForm = fb.group({
        notify: ['', Validators.required]
      });
    }
onSubmit() {
  const notifys = this.changeNotifyForm.value;
  console.log(notifys)
}

Answer 1

Вам не нужно использовать ngModel, так как вы уже используете реактивную форму. Вам просто нужно связать экземпляр formControl в классе компонентов с шаблоном, используя formControlName.

<mat-radio-group class="example-radio-group" name="favoriteSeason" formControlName="notify">

. Найти рабочий код здесь: https://stackblitz.com/edit/angular-fhh6pp-nzroy9