这个错误通常发生在使用Angular 10的FormArray时,当你添加或删除多个FormGroup时,表单控件的名称无法正确识别。以下是解决这个问题的代码示例:
首先,确保你的FormArray中的每个FormGroup都有一个独特的名称。例如,你可以使用索引作为名称:
this.formArray = this.formBuilder.array([]);
// 添加一个FormGroup
const newFormGroup = this.formBuilder.group({
// 控件字段
});
this.formArray.push(newFormGroup);
然后,在模板中使用FormArray时,使用索引作为控件名称:
这样做可以确保每个FormGroup都有一个唯一的名称,解决了错误提示中的问题。
另外,如果你在表单中使用多个FormArray,请确保每个FormArray中的FormGroup具有唯一的名称,以避免冲突。
希望这可以帮助到你!