2017-05-03 8 views
0

私は今、ionic2を使ってアプリケーションを構築しています。私は検索バーの入力がフォーカスを取得し、それがぼやけたときを検出して、現在のステータスに応じて一部のコンポーネントを非表示または表示できるようにしたいと考えています。 (ユーザがこの検索バーをクリックしたときに例えば、いくつかの提案を示しています。)ionic2のイオンサーチバーのonfocusとblurイベントを検出する方法は?

これは私のコードです:しかし

<ion-searchbar #searchbar [(ngModel)]="searchInput"></ion-searchbar> 

、私はこのコンポーネントは試してみましたが、これらの2 events.Iを持っていないようだことがわかりましたこのようなイベントリスナーを追加することはできますが、機能しませんでした。

<ion-searchbar #searchbar [(ngModel)]="searchInput" (focus)="searchBarOnFocus()"></ion-searchbar> 

他の方法でこの機能を実装できますか?

ありがとうございます!


イオン検索バー用の2つの文書があります component document & api document

答えて

3

ではなく角度の(フォーカス)の(ionBlur)を使用する必要がある検索バー(ionFocus)にフォーカス/ぼかしイベントをキャッチし、ためにと(ぼかし)。私にとって魅力的な作品です!

<ion-searchbar #searchbar placeholder="Type an address" showCancelButton 
       (ionBlur)="checkBlur()" 
       (ionFocus)="checkFocus()"></ion-searchbar> 
関連する問題