web-dev-qa-db-fra.com

Comment détecter l'événement onfocus et flou de la barre de recherche d'ions dans ionic2?

J'utilise maintenant ionic2 pour créer une application. Je veux détecter le moment où l'entrée de la barre de recherche est mise en évidence et lorsqu'elle est floue afin de pouvoir masquer ou afficher certains composants en fonction de l'état actuel. (Par exemple, affichez quelques suggestions lorsque l'utilisateur clique sur cette barre de recherche.)

Voici mon code:

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

Cependant, j'ai trouvé que ce composant ne semble pas avoir ces deux événements. J'ai essayé d'ajouter un écouteur d'événements comme celui-ci, mais cela n'a pas fonctionné:

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

Puis-je implémenter cette fonctionnalité d'une autre manière?

Merci d'avance!

Il existe deux documents pour la barre de recherche ionique: document composant & document api

angulartypescriptionic2dom-events
6
awmleer

Pour capturer les événements de focus/flou dans la barre de recherche, vous devez utiliser (ionFocus) et (ionBlur) au lieu de (focus) et (flou) angulaire. Fonctionne comme un charme pour moi!

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