Ionic集合控件表单生成器动态表单控件名称绑定

Question

我正在尝试创建一个具有不同表单组名称的单选按钮组，并创建一个控件

我的场景是，当我更改一个选择时，它会加载加载值的ajax，或者说创建一组动态的单选按钮组

在这里，当加载选择更改组时，一切都很好，除了问题之外，当我重新更改选择时，比如说，我选择了一个基于创建单选按钮组的选项，当我更改回当前的时

我假设控制器正在复制或没有创建它给我错误说

Error: There is no FormControl instance attached to form control element with name: 'action0'

<form [formGroup]="form">
<ion-row class="rows" *ngFor="let detail of details; let i = index">
<ion-col text-center="text-center" col-6="col-6">
{{your_data}}
</ion-col>
<ion-col class="rows last" col-6="col-6">
<ion-list class="row" no-lines="no-lines" radio-group="radio-group" formControlName="action{{i}}">
<ion-item col-4>
<ion-radio class="radio true" mode="md" value="true"></ion-radio>
</ion-item>
<ion-item col-4>
<ion-radio class="radio false" mode="md" value="false"></ion-radio>
</ion-item>
<ion-item col-4>
<ion-radio class="radio " mode="md" value="not sure"></ion-radio>
</ion-item>
</ion-list>
</ion-col>
</ion-row>
<button ion-button (click)="submit()" [disabled]="!form.valid">Submit</button>
</form>

.ts在响应成功后选择正在更改的位置，我已放置此代码

let i;
for(i in this.details){
this.form.setControl('action'+i, new FormControl(null, Validators.required));
}

Answer 1

我在这里找到了答案，它是动态创建表单元素的，当更改时，它仍然存在于表单中，当第二次选择更改时，它没有被删除

如果你面临同样的问题，只需在视频中留言帮助