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>