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

Posted 2021-01-27 martincheng

AbpCore 前端使用Ng-Zorro 日期控件nz-range-picker时属性[ngModel]和事件(ngModelChange)都不起作用

控件代码

  <nz-range-picker  [nzFormat]="shedateFormat" [ngModel]="searchAreasDate" (ngModelChange)="changeTime($event)"></nz-range-picker>

并且脚本报错，详细报错内容如下：

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

 

解决方法

仔细看看代码不难发现没有name属性，增加name属性后一切正常。

 

<nz-range-picker name="timeRangePicker" [nzFormat]="shedateFormat" [ngModel]="searchAreasDate"
                            (ngModelChange)="changeTime($event)"></nz-range-picker>