Angular 如何在ngfor无线组中使用离子无线电？

我正在开发一款入门版的IONIC应用程序。现在我需要知道如何在ngfor内部使用离子无线电

我试过-

但是不起作用

1） 试试1

结果: 如果是Try 1- NewItemPage.html:23错误：表单控件没有名为“制造商”的值访问器（forms.js:1732）

如果是try 2-

---

没有错误，但默认选择了所有。

您可以为此添加ts吗？您在哪里定义了formGroup？你的帖子包含了这些信息。请不要在评论部分添加

<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>

<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>

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)
    });
  }