angular11 报错 ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form

angular 报错 ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form 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}">

创建

表单的时候，系统默认会创建一个”FormGroup"的对象。用带有“ngModel"的”“标签时

遇到这个问题 通常是因为 input 标签没有 name 添加上name=”xxxName”就可以哦了~~

例如：ZORRO中的nz-select

<form nz-form nzLayout="vertical" #f="ngForm" se-container>

  <se label="AAA">
    <nz-select [(ngModel)]="form.AAA" nzMode="multiple">
      <nz-option [nzValue]="data" [nzLabel]="data" *ngFor="let data of AAADatas"></nz-option>
    </nz-select>
  </se>
  
</form>

改为

<form nz-form nzLayout="vertical" #f="ngForm" se-container>

  <se label="aaa">
    <nz-select [(ngModel)]="form.aaa" nzMode="multiple" name="aaa">
      <nz-option [nzValue]="data" [nzLabel]="data" *ngFor="let data of aaaDatas"></nz-option>
    </nz-select>
  </se>
  
</form>