forms - 以 react 形式使用 [(ngModel)] 是不好的做法吗？

Question

我开始在我的 Angular App 中使用基于模型的表单。到目前为止，我一直在起诉基于模板的表单，并使用 [(ngModel)] 绑定(bind)我的数据。 .

我注意到使用 [(ngModel)] react 形式是可能的，但我一直在堆栈上读到这是一种不好的做法，但我在文档中找不到(或错过)任何关于此的内容。

在使用响应式表单时是否应该避免使用？如果是这样，将数据绑定(bind)到输入的正确方法是什么？

现在我做这样的事情:

我的组件:

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

我的模板

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

Answer 1

每个 HTML 输入元素都由一个名为 FormControl 的 Angular 类包装。 . FormBuilder创建 FormControl s 明确。把 NgModel在一个元素上也会创建一个 FormControl .

在您的示例中，您有两个 FormControl相同元素的对象。

假设它们不会因为名称冲突而失败(例如 <input name="myname" formControlName="myname" [(ngModel)]="model.prop" /> 会用 FormGroup 注册 myname 两次)，那么您可能会在 valid/invalid/touched/dirty 上得到不同的答案取决于查询的是哪一个。