搜索栏 - 在“输入”键上搜索

Question

我对Ionic框架非常陌生。
继docs我创造了这样一个搜索栏：

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

ionInput当搜索栏输入改变包括清除。

这按预期工作。

但是我想要一个不同的行为。每次输入变化时，我都不想触发search($event)，但我找不到在用户点击“输入”键或单击按钮时发出的output event。

是否有解决此问题的方法？

Answer 1

你应该能够角2个KEYUP绑定添加元素，如keyup和click

模板：

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

组件TS：

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