更新嵌套角度2组件中的数字字段值

时间:2016-11-11 11:35:36

标签: javascript forms angular components

我有一个嵌套/子表单组。它有一个数字字段,需要通过单击按钮进行更新。我可以更新值本身,但我无法更新字段。

我该如何解决?

这是plnkr https://plnkr.co/edit/ZN3cGHHRNvx7348x1PSm?p=preview

increment() {
  this.number++;
  this.adressForm.value.age = this.number++;

}

提前感谢。

1 个答案:

答案 0 :(得分:2)

AddressComponent中将代码更改为

increment() {
  let currentAgeValue : number = this.adressForm.controls.age.value;
  this.adressForm.controls.age.setValue(currentAgeValue + 1);
}

工作分叉Plunker