Question

在Angular2中，我有一个简单的表单，它还包含一个其他组件（datetime），它在其标记中使用了几个ngModel属性，并通过ngModel属性返回选定的值。所以使用这个html标记：

<div [formGroup]="form">
   <input formControlName="name"/>
   <datetime formControlName="date"/>
</div>

Angular抱怨使用了ngModel属性。我确定它正在讨论datetime组件中使用的ngModel属性。我无法更改datetime组件的标记，因为它是第三方组件。

使用表单时有没有办法忽略ngModel属性？

Answer 1

模板指南中介绍的模板驱动表单采用了完全不同的方法。

您可以在中放置HTML表单控件（例如和）   组件模板并将它们绑定到数据模型属性中   组件，使用像ngModel这样的指令。

您不会创建Angular表单控件对象。角度指令   使用数据绑定中的信息为您创建它们。您   不要推送和提取数据值。 Angular为您处理   ngModel。 Angular使用用户更改更新可变数据模型   他们发生了。

因此，ngModel指令不是ReactiveFormsModule的一部分。

参考.. Reactive forms

有没有办法在使用表单时忽略子组件的ngModel属性？

1 个答案: