2017-05-03 8 views
0

저는 이제 ionic2를 사용하여 앱을 제작하고 있습니다. 검색 바 입력에 포커스가있을 때와 흐리게 처리 할 때를 감지하여 현재 상태에 따라 일부 구성 요소를 숨기거나 표시 할 수 있습니다. (사용자가이 검색 창을 클릭 할 때 예를 들어, 몇 가지 제안을 보여줍니다.)ionic2에서 ion-searchbar의 onfocus 및 blur 이벤트를 감지하는 방법은 무엇입니까?

이 내 코드입니다 : 그러나

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

, 나는이 구성 요소가 시도한 두 일과 관련이없는 것 같다 발견 이와 같은 이벤트 리스너를 추가 할 수는 있지만 작동하지 않습니다.

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

다른 방법으로이 기능을 구현할 수 있습니까?

미리 감사드립니다. 대신 각도의 (초점) 당신은 (ionFocus)를 사용합니다 검색 창과 (ionBlur)에 초점/흐림 이벤트를 잡으려고 component document & api document

답변

3

과 :


가 이온 검색 창에 두 개의 문서입니다 (흐림). 나를 위해 매력처럼 작동!

<ion-searchbar #searchbar placeholder="Type an address" showCancelButton 
       (ionBlur)="checkBlur()" 
       (ionFocus)="checkFocus()"></ion-searchbar>