javascript - 带有 Angular 形式输入的 ngModelOptions

Question

当我使用 Angular 模板驱动的形式而不是编写 'name' 属性时，我在开发人员控制台中收到了这个建议，但是，我正在使用 [(ngModel)] 与输入字段。

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}">

如果我使用“名称”属性或 [ngModelOptions]="{standalone: true}" 那么工作正常。

但我不确定为什么会出现该建议？

Answer 1

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

 Assuming you are using [formGroup] directive,then 

如果您只为表单中的某些字段而不是所有字段提及 formControlName，则可能会出现此错误。 Angular 希望我们以 react 形式使用 formContorl 而你正在使用 ngModel 。由于它无法获得 formControl 的实例，因此它要求您提及 [ngModelOptions]="{standalone: true}"。 您也可以使用 formControl 实现同样的事情，而无需 ngModel 绑定(bind)字段。

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