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

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

为了能够以您想要的形式显示信息，您需要提供那些特定的感兴趣名称的输入。我建议你:

<form #f="ngForm" (ngSubmit)="onSubmit(f)"> ...
<input **name="firstName" ngModel** placeholder="Enter your first name"> ...

修理起来很容易。

对我来说，我们在表单中有不止一个输入。我们需要隔离导致错误的输入/行，并简单地添加name属性。这解决了我的问题:

之前:

<form class="example-form">

    <mat-form-field appearance="outline">

      <mat-select placeholder="Select your option" [(ngModel)]="sample.stat"> <!--HERE -->

          <mat-option *ngFor="let option of actions" [value]="option">{{option}</mat-option>
      </mat-select>
    </mat-form-field>

    <mat-form-field appearance="outline">
      <mat-label>Enter number</mat-label>

      <input id="myInput" type="text" placeholder="Enter number" aria-label="Number"
        matInput [formControl]="myFormControl" required [(ngModel)]="number">  <!--HERE -->

    </mat-form-field>

    <mat-checkbox [(ngModel)]="isRight">Check!</mat-checkbox> <!--HERE -->

  </form>

后: 我只是为选择和复选框添加了名称属性，这解决了这个问题。如下:

<mat-select placeholder="Select your option" name="mySelect" 
  [(ngModel)]="sample.stat"> <!--HERE: Observe the "name" attribute -->

<input id="myInput" type="text" placeholder="Enter number" aria-label="Number"
        matInput [formControl]="myFormControl" required [(ngModel)]="number">  <!--HERE -->

<mat-checkbox name="myCheck" [(ngModel)]="isRight">Check!</mat-checkbox> <!--HERE: Observe the "name" attribute -->

如您所见，添加了name属性。它没有必要被赋予与你的ngModel相同的名称。只要提供name属性就可以解决这个问题。

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

阅读错误，清楚地说:

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

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

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

你需要从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时)。