模糊事件不适用于 Angular 2 中的 PrimeNG 自动完成功能答案

【问题标题】：Blur event not working for PrimeNG autocomplete in Angular 2模糊事件不适用于 Angular 2 中的 PrimeNG 自动完成功能
【发布时间】：2016-11-21 15:41:32
【问题描述】：

我在 Angular 2 应用程序中使用 PrimeNG 自动完成功能，我试图在模糊事件上调用一个方法，但它没有调用该方法。下面是代码：

html:

<p-autoComplete [(ngModel)]="empText" inputStyleClass="form-control" [minLength]="1" [suggestions]="empData"
    field="text" (completeMethod)="getEmployeeData($event)" 
    (blur)="onBlur($event.target.value)" (change)="onEmpDataChanged($event.target.value)"></p-autoComplete>

我的component.ts中有以下方法：

    // Set touched on blur
    onBlur(e: any) {
        alert("control is blurred");
        this.onTouchedCallback();
    }

我尝试了更改事件，它工作正常，但自动完成的模糊不起作用。为什么不调用 onBlur 方法的任何建议。

【问题讨论】：

标签： angular typescript primeng

【解决方案1】：

尝试使用 onBlur 而不是 blur

<p-autoComplete [(ngModel)]="empText" inputStyleClass="form-control" [minLength]="1" [suggestions]="empData"
    field="text" (completeMethod)="getEmployeeData($event)" 
    (onBlur)="onBlur($event.target.value)" (change)="onEmpDataChanged($event.target.value)"></p-autoComplete>

【讨论】：

onBlur 事件不起作用，因为在 primeNG 的 p-autocomplete 组件中没有“onBlur”的偶数发射器。我创建了一个 github 问题并等待修复。

【解决方案2】：

供您参考，此问题已在当前版本 4.0.0-RC.3 中修复

【讨论】：