FormArray是Angular中的一个类,用于处理动态表单中的多个表单控件。要访问FormArray元素值,可以使用以下步骤:
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
@Component({
// 组件的元数据
})
export class MyComponent {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myForm = this.formBuilder.group({
// 使用FormArray初始化控件
myFormArray: this.formBuilder.array([])
});
}
}
const myFormArray = this.myForm.get('myFormArray') as FormArray;
const elementValue = myFormArray.at(index).value;
myFormArray.controls.forEach(control => {
const elementValue = control.value;
// 对元素值进行其他操作
});
需要注意的是,FormArray的元素值是一个FormGroup对象,可以使用相应的属性来访问每个表单控件的值。
这是如何访问FormArray元素值的基本过程。请注意,以上代码示例是使用Angular中的响应式表单来实现的。对于模板驱动表单,访问FormArray元素的方法略有不同。