搜索欄 - 在「輸入」鍵上搜索

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); 
}