Ahora estoy usando ionic2 para crear una aplicación. Quiero detectar cuándo se enfoca la entrada de la barra de búsqueda y cuándo se desdibuja para poder ocultar o mostrar algunos componentes según el estado actual. (Por ejemplo, mostrar algunas sugerencias cuando el usuario haga clic en esta barra de búsqueda).
Este es mi código:
<ion-searchbar #searchbar [(ngModel)]="searchInput"></ion-searchbar>Sin embargo, descubrí que este componente parece no tener estos dos eventos. Intenté agregar un detector de eventos como este, pero no funcionó:
<ion-searchbar #searchbar [(ngModel)]="searchInput" (focus)="searchBarOnFocus()"></ion-searchbar>Entonces, ¿puedo implementar esta función de otras maneras?
¡Gracias por adelantado!
Hay dos documentos para ion-searchbar: documento de componente y documento api
Para capturar eventos de enfoque / desenfoque en la barra de búsqueda, debe usar (ionFocus) y (ionBlur) en lugar de Angular (focus) y (blur). ¡Funciona como un encanto para mí!
<ion-searchbar #searchbar placeholder="Type an address" showCancelButton (ionBlur)="checkBlur()" (ionFocus)="checkFocus()"></ion-searchbar>