как использовать ion-radio в радио-группе с ngfor?

Question

Я занимаюсь разработкой приложения IONIC для начинающих.Теперь мне нужно знать, как использовать ion-radio внутри ngfor

. Я пытался - FormControlName не работает с ion-radio

, но не работает.

1) попробуйте 1

<ion-list  radio-group formControlName="manufacturers">
      <ion-item *ngFor="let list of listArr; let i = index">
        <ion-label>{{list.name}}</ion-label>
        <ion-radio  [value]="list.name"></ion-radio>
      </ion-item>
</ion-list>

2) попробуйте 2

<ion-list  radio-group >
      <ion-item *ngFor="let list of listArr; let i = index">
        <ion-label>{{list.name}}</ion-label>
        <ion-radio formControlName="manufacturers" [value]="list.name"></ion-radio>
      </ion-item>
 </ion-list>

Ts файл

ngOnInit() {

    this.listArr = [{ name: 'cucumber', checked: 'false' }, { name: 'Sausage', checked: 'false' }, { name: 'Pepperoni', checked: 'false' }, { name: 'Mushrooms', checked: 'false' }];
    // console.log(this.listArr);

    this.new_item_form = this.formBuilder.group({
      title: new FormControl('', Validators.required),
      description: new FormControl('', Validators.required),
      listName: new FormControl('', Validators.required),
      manufacturers: new FormControl('', Validators.required)
    });
  }

Результаты: в случае Try 1 - NewItemPage.html: 23 Ошибка: нет средства доступа к значению для элемента управления формы с именем: «Manufacturers» в _throwError (forms.js: 1732)

В случае попытки 2 - Нет ошибки, но все выбраны по умолчанию.