0.背景
angular项目使用ng-zorro前端组件,其中使用了nz-input进行输入数值,(ngModelChange)正常触发,(nzBlur)无法触发。
代码如下:
<input nz-input type="number" [disabled]="action!='edit'" style="width: 80px;" [(ngModel)]="data.limit" (ngModelChange)="dataChange(data,i)" />
上面这段代码加上了nzBlur也无法触发事件。
1.解决办法
如果还是想用ng-zorro组件,需要把input标签改成 nz-input-number 比如下面这样:
<nz-input-number [disabled]="action!='edit'" style="width: 120px;" [(ngModel)]="data.limit" (nzBlur)="changeRealData(i,data)"> </nz-input-number>