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

我找到了答案here，它是动态创建表单元素，并且在更改时仍然存在于表单中，并且在第二次选择更改时未被删除

如果您遇到相同的问题，请在我的帮助下发表评论

离子集控件表单构建器动态表单控件名称绑定

1 个答案: