2017-08-22 12 views
1

私は、角型Appでモデルベースのフォームを使用し始めています。これまでテンプレートベースのフォームを提訴していて、[(ngModel)]を使用してデータをバインドしています。[(ngModel)]を反応的な形で使用していますか?

私は反応型で[(ngModel)]を使用することが可能であることに気付きましたが、私はそれを悪い習慣だと読んできましたが、ドキュメントでこれについて何も見つけることができません。

反応型フォームで作業しているときに使用しないでください。そうであれば、データを入力にバインドする正しい方法は何でしょうか?

は今、私はこのような何かを:

マイコンポーネント:

this.assignForm = this.fb.group({ 
    "balance": [null, Validators.required] 
}); 

マイテンプレート

<input type="text" formControlName="balance" [(ngModel)]="myData.Balance" /> 
+0

短い答え:それを混在させないでください。 –

答えて

2

あなたの質問のタイトルと完全に混ぜるモデルに基づく質問とあなたのコードがそれらを組み合わせて使用​​するところでは、反応的です。両方の結果を組み合わせて使用​​すると、表示される値とフォームコントローラに含まれる値が等しいことが絶対に保証されません。ただしないでください。

正しい方法は次のようになります。

this.assignForm = this.fb.group({ 
    "balance": [myData.Balance, Validators.required] 
}); 
関連する問題