angular (NG-ZORRO) input失去焦点事件nzBlur 无法触发

原文链接：angular (NG-ZORRO) input失去焦点事件nzBlur 无法触发 – 每天进步一点点 (longkui.site)

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>