问题描述: 在使用Angular反应式表单FormArray时,无法成功赋值第二个FormGroup元素的值。
解决方法: 要解决这个问题,可以采取以下步骤:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
form: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.form = this.fb.group({
items: this.fb.array([])
});
}
}
addItem() {
const control = this.form.controls.items as FormArray;
control.push(this.fb.group({
name: '',
age: ''
}));
}
通过以上步骤,就能够成功地向FormArray中添加新的FormGroup元素,并绑定每个元素的表单控件的值。