Angular Значение радиокнопки Material 8 как логическое

Question

У меня есть простой веб-сайт с двумя свойствами: одна группа переключателей (с 2 переключателями) и поле ввода (текстовое поле)

Я пытаюсь сделать, как только пользователь отправит форму , логическое значение выбранного переключателя и значение поля ввода должны быть сохранены. Для поля ввода это работает без проблем, но по какой-то причине значение переключателя просто не указано и нигде не отображается. Вот что я получил до сих пор:

<mat-radio-group label="Select an option" formControlName="membership" #membership>
   <mat-radio-button [value]=true color="primary">Yes</mat-radio-button>
   <br>
   <mat-radio-button [value]=false color="primary">No</mat-radio-button>
</mat-radio-group>

Кнопка отправки:

<button mat-button type="submit" (click)="addWish(membership.value, wish.value)">Submit</button>

И конструктор форм выглядит следующим образом:

this.createForm = this.fb.group({
      membership: [[false], Validators.required],
      wish: ''
    });

Есть ли у кого-нибудь идея, почему значение membership просто не учитывается при отправке? Заранее спасибо!

Answer 1

Как насчет добавления ngModel:

<mat-radio-group label="Select an option" name="membership" [(ngModel)]="membership">
                <mat-radio-button [value]=true color="primary">Yes</mat-radio-button>
                <br>
                <mat-radio-button [value]=false color="primary">No</mat-radio-button>
             </mat-radio-group>
             <button mat-button type="submit" (click)="addWish(membership)">Submit</button>

и в .ts:

addWish(item){
  console.log(item);
}