要访问嵌套的formArray,首先需要创建一个FormGroup,其中包含一个或多个formArray。然后,可以使用以下方法访问嵌套的formArray:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
@Component({
selector: 'app-example',
template: `
`,
})
export class ExampleComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit() {
this.myForm = this.fb.group({
nestedFormArray: this.fb.array([this.createNestedFormGroup()]),
});
}
createNestedFormGroup(): FormGroup {
return this.fb.group({
control1: '',
control2: '',
});
}
get nestedFormArray() {
return this.myForm.get('nestedFormArray') as FormArray;
}
}
使用ngFor循环遍历嵌套的formArray,以访问和渲染每个控件。
使用[formControlName]="i"
将每个控件与索引关联起来。
使用myForm.get('nestedFormArray') as FormArray
来获取嵌套的formArray。
这样,您就可以在组件中访问和操作嵌套的formArray了。