我注意到，Chrome开发工具有时只在第一个元素上用醒目的红色下划线，即使它正确地设置了名称。这让我一时糊涂。

必须确保为表单中包含ngModel的每个元素添加一个名称，而不管哪个元素是带下划线的。

正如每个开发人员都有一个共同的习惯，不阅读完整的错误，只阅读第一行，然后开始从其他人那里寻找答案:):)我也是其中之一，这就是为什么我在这里:

阅读错误，清楚地说:

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

我们还需要什么来理解这个错误呢?

使用任何一个选项，一切都会顺利进行。

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

在我的例子中，错误发生是因为下面的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>

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

你需要从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);}

<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需要的三样东西。

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