Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
在类文件中(组件的TS文件):
声明一个Form表单:
public validateForm: FormGroup;
在构造方法中:
private fb: FormBuild;
声明一个FormBuild的对象
在构造方法中:
constructor(private fb: FormBuilder) {
this.validateForm = this.fb.group({
name: [null],
sex : [null],
age : [null],
address: this.fb.array([
new FormGroup({
street : new FormControl(null),
country: new FormControl(null),
}),
]),
});
}
这样在组件中就构造出来了一个嵌套了FormArray的FormGroup,
这个时候,需要将validateForm这个表单中address的属性实例成一个FormArray
使用Angular中的get 方法