带有Angular形式的输入的ngModelOptions

时间:2018-02-09 10:30:19

标签: javascript angular typescript

我在开发人员控制台中使用角度模板驱动的表单并且没有编写'name'属性时得到此建议但是,我正在使用 [(ngModel)] < / strong>与输入字段。

control must be defined as 'standalone' in ngModelOptions.

 Example 1: <input [(ngModel)]="person.firstName" name="first">
 Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}">

如果我使用'name'属性或[ngModelOptions]="{standalone: true}",那么工作正常。

但我不确定为什么会出现这个建议?

1 个答案:

答案 0 :(得分:1)

If i could see your whole form code,i could explain more clearly. 

 Assuming you are using [formGroup] directive,then 

如果您仅为表单中的某些字段提及formControlName而不是所有字段,则可能会出现此错误。         Angular希望我们在反应形式中使用formContorl,并且您正在使用ngModel。由于它无法获取formControl的实例,因此要求您提及[ngModelOptions] =&#34; {standalone:true}&#34;。         您可以使用formControl实现相同的功能,而不使用ngModel绑定字段。

    https://angular.io/guide/reactive-forms