在我的例子中，错误发生是因为下面的html标记中多了一行没有name属性。

<form id="form1" name="form1" #form="ngForm">
    <div class="form-group">
        <input id="input1" name="input1" [(ngModel)]="metaScript" />
        ... 
        <input id="input2" [(ngModel)]="metaScriptMessage"/>
    </div>
</form>

但是浏览器仍然报告第一行有错误。如果你在这两者之间有其他元素，就很难发现错误的根源。

<select name="country" formControlName="country" id="country" 
       class="formcontrol form-control-element" [(ngModel)]="country">
   <option value="90">Turkey</option>
   <option value="1">USA</option>
   <option value="30">Greece</option>
</select>

name="country"
formControlName="country" 
[(ngModel)]="country" 

这是在formGroup指令中使用ngModel需要的三样东西。

注意，应该使用相同的名称。

对我来说，解决办法很简单。我将<form>标签更改为<div>，错误就消失了。

当你清楚地看到控制台时，它会给你两个例子。实现其中任何一个。

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone:true}">

or

<input [(ngModel)]="person.firstName" name="first">

你需要从page.ts中的@angular/forms中导入{NgForm};

HTML代码:

<form #values="ngForm" (ngSubmit)="function(values)">
 ...
 <ion-input type="text" name="name" ngModel></ion-input>
 <ion-input type="text" name="mail" ngModel></ion-input>
 ...
</form>

在你的页面。Ts，实现你的函数来操作表单数据:

function(data) {console.log("Name: "data.value.name + " Mail: " + data.value.mail);}

如果使用ngForm，所有[(ngModel)]=""的输入字段必须有一个带值的属性名。

<input [(ngModel)]="firstname" name="something">

独立的

通过设置[ngModelOptions]="{standalone: true}"，可以告诉Angular，忽略表单和/或ngForm，只需要将它绑定到firstname变量即可。

但是，如果错误地使用了form-tag(就像我的情况一样)，则将form更改为div是另一种选择(但仅当您的样式不需要form-tag时)。