在Angular中,"Array of FormGroup"可以翻译为"表单组数组"。以下是一个包含代码示例的解决方法:
首先,你需要导入 FormBuilder
和 FormGroup
:
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
然后,在你的组件类中,定义一个表单组数组:
form: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.form = this.formBuilder.group({
groups: this.formBuilder.array([])
});
}
在这个例子中,我们使用 FormBuilder
来创建一个表单组数组。
接下来,你可以使用 FormArray
类的方法来对表单组数组进行操作。例如,你可以添加一个新的表单组到数组中:
addGroup() {
const group = this.formBuilder.group({
// 添加表单控件
});
this.groups.push(group);
}
你也可以移除数组中的一个表单组:
removeGroup(index: number) {
this.groups.removeAt(index);
}
最后,在模板中,你可以遍历表单组数组,并操作其中的表单控件:
在这个例子中,我们使用 *ngFor
指令遍历表单组数组,并使用 [formGroupName]
指令来指定当前的表单组。
希望这个解决方案对你有帮助!