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

时间:2017-04-29 04:07:54

标签: javascript html angular

我的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"); 
}

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

尝试将ng2-completer放入div并将(keyup)=“onKey()”移动到div,如:

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

答案 1 :(得分:0)

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

源代码 Link  enter image description here

此外,他还在指令

中处理keyUp事件

源代码 Link enter image description here