angular4更改表单中显示的值_如何检测Angular 4中表单控件数组的变化？

FormArray扩展了AbstractControl,因此它具有发出chanes的valueChanges属性.

this.form = this.fb.group({

providers: this.fb.array([]),});

(this.form.get('providers') as FormArray).push(new FormControl('',Validators.required));

(this.form.get('providers') as FormArray).push(new FormControl('',Validators.required));

(this.form.get('providers') as FormArray).valueChanges.subscribe(values => {

console.log(values);

});

在您的模板中：

subscribe中的值将在任何更改(语法或来自UI)时返回具有每个输入字段值的数组.

如果FormArray中有FormGroup,则无需更改.只需使用以下组件代码.

(this.form.get('providers') as FormArray).push(this.fb.group({

'name': '','age': ''

}));

和模板将是：