Angular2：formbuilderの値の変更

Question

私はangular2でionic2を使用していますが、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()の後に呼び出されます。コードをionViewDidLoad()からコンストラクタに移動するか、現在のコードの前にngOnInit()に移動してください。

あなたは価格がフォームの直接の属性ではありません

this.purchaseDataForm.get('price').valueChanges.subscribe(va‌​lue => { 

Answer 2

を使用して価格統制を得ることができる必要があります。価格はフォームの「コントロール」オブジェクトにあります。だからあなたのコードは次のようになります。コンストラクタにコードを移動

は

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