Searchbar - 'enter'キーで検索

Question

私はイオンフレームワークにはとても新しいです。検索バーの入力がクリアなど、変更されたionInput

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

：docs私はこのような検索バーを作成した後
。

期待どおりに動作します。

しかし、私は別の動作が必要です。入力が変わるたびにsearch($event)をトリガーしたくないのですが、ユーザーが 'Enter'キーを押すかボタンをクリックしたときに出力されるoutput eventが見つかりませんでした。

この現象の解決方法はありますか？

Answer 1

あなたはこのようなkeyupとclick

テンプレートなどの要素に角度2からkeyupバインディングを追加することができるはずです。

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

コンポーネントTS：

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