搜索栏 - 搜索"输入"键

Question

我对Ionic框架很新.
按照文档我创建了一个像这样的搜索栏:

<ion-searchbar
      [(ngModel)]="searchQuery"
      [showCancelButton]="true"
      (ionInput)="search($event)">
</ion-searchbar>

ionInput当搜索栏输入已更改(包括已清除)时.

这按预期工作.

但是我想要一个不同的行为.我不想在search($event)每次输入更改时触发,但是当用户点击"输入"键或单击按钮时,我找不到发出的输出事件.

这种行为有解决方案吗？

Answer 1

您应该能够将Angular 2 keyup绑定添加到诸如keyup和之类的元素click

模板:

<ion-searchbar #q
      [showCancelButton]="true"
      (keyup.enter)="search(q.value)">
</ion-searchbar>

组件TS:

search(q: string) { 
    console.log(q); 
}