我正在使用最近发布的 Angular 2.0.0，基本上我有一个组件来初始化它的表单模板的值，该模板由一个输入文本框和一个带有两个输入文本框的 FormGroup 的 formArray 组成。
初始化完成后，绑定工作正常，但是当我将新的 FormGroup 推送到 formArray 时，表单值不会反映新添加的项目，直到我在最初绑定的某个文本框中进行了一些值更改。为什么会出现这种行为，以及如何在添加某些动态 FormGroup 时更新表单值？
我的组件和模板代码是这样的：
//initialize the form values
//this_fb is the form builder
setControlsValues(){
this.form_band = this._fb.group({
name : [ 'test', [ Validators.required ] ],
bands : this._fb.array([
this._fb.group({
name : [ 'band 1', [ Validators.required] ],
score : 10
}),
this._fb.group({
name : [ 'band 2', [ Validators.required] ],
score : 8
})
])
});
}
//push a new FormGroup when user click button
addBand(){
this.form_band.controls.bands.controls.push(
this._fb.group({
name …