要在Angular中添加/删除FormGroup数组,您可以按照以下步骤进行操作:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl, FormArray } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
formArray: this.formBuilder.array([])
});
this.addFormGroup();
}
get formArray(): FormArray {
return this.myForm.get('formArray') as FormArray;
}
addFormGroup() {
const formGroup = this.formBuilder.group({
name: ''
});
this.formArray.push(formGroup);
}
removeFormGroup(index: number) {
this.formArray.removeAt(index);
}
}
现在,您可以通过点击“Add”按钮来添加FormGroup,点击“Remove”按钮来删除FormGroup。每个FormGroup都包含一个输入字段,您可以根据需要自定义表单控件。