正在使用[（ngModel）]反應形式的不良做法？

Question

我開始在我的角度應用程序中使用基於模型的表單。到目前爲止，我一直在起訴基於模板的表單，並使用[(ngModel)]綁定我的數據。

我注意到在反應形式中使用[(ngModel)]是可能的，但是我一直在閱讀堆棧，這是一個糟糕的做法，但我在文檔中找不到（或錯過）關於此的任何內容。

當你使用反應式表格時，你是否應該避免使用它？如果是這樣，將數據綁定到輸入的正確方法是什麼？

現在我做這樣的事情：

我的組件：

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

我的模板

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

Answer 1

你的問題標題和問題完全基於混淆模型和被動的，你的代碼使用它們兩者的組合。使用這兩個組合的結果絕對不能保證你看到的值和表單控制器包含的值是相等的。只是不要這樣做。

正確的方法是：

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