Angular 2 NG-Completer调用keyup事件两次？

Question

我的HTML中有一个简单的元素。当在其中释放一个键时，将调用一个写入控制台的方法。我遇到的问题是控制台被写了两次。所以我假设(keyup)被击了两次，对吗？

这是我的ng2=completer

<ng2-completer #from [(ngModel)]="fromSearch" [datasource]="airportCodeList" [minSearchLength]="0" (keyup)="onKey()"></ng2-completer>

下面是被调用的onKey方法：

onKey(entry: string) {
  console.log("Key Pressed"); 
}

任何帮助都将不胜感激。

Answer 1

尝试将ng2-completer放入div，并将(keyup)="onKey()“移至该div，如下所示：

<div (keyup)="onKey()">
  <ng2-completer #from [(ngModel)]="fromSearch" 
 [datasource]="airportCodeList" [minSearchLength]="0"></ng2-completer>
</div>

Answer 2

是。这是因为组件的作者两次处理了keyUp事件。证据：

源代码

​

此外，他还处理指令中的keyUp事件

源代码

​