Angular2：在表单构建器中订阅 valuechanges

Question

我将 ionic2 与 angular2 一起使用，并且我有一个使用 formbuilder 构建的表单，但我想检测某个输入的新变化。

ionViewDidLoad() {
  this.purchaseDataForm = this.formBuilder.group({
    kms: ['', Validators.required],
    lts: ['', Validators.required],
    price: ['', Validators.required],
    total: ['', Validators.required]
  });
}

所以这是我的形式是如何得到证实，但我想认购的valuechanges价格和LTS的投入，你知道该怎么做？

我正在尝试使用以下功能，但它显示 Cannot read property 'valueChanges' of undefined

 ngOnInit() {
  this.purchaseDataForm.price.valueChanges.subscribe(value => {
    console.log(value);
  });
}

谢谢！

Answer 1

价格不是表单的直接属性。价格位于表单的“控件”对象中。所以你的代码应该是这样的：

ngOnInit() {
    this.purchaseDataForm.controls.price.valueChanges.subscribe(value => {
        console.log(value);
    });
}