angular - Hvordan oppdage onfocus- og blur-hendelser for ion-searchbar i ionic2?

Jeg bruker nå Ionic2 for å bygge en app. Jeg ønsker å oppdage når søkefeltet får fokus og når det mister fokus, slik at jeg kan skjule eller vise noen komponenter i henhold til den nåværende statusen. (For eksempel, vise noen forslag når brukeren klikker på dette søkefeltet.)

Dette er koden min:

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

Jeg har imidlertid funnet ut at denne komponenten ser ut til å ikke ha disse to hendelsene. Jeg har prøvd å legge til en hendelseslytter slik:

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

Så kan jeg implementere denne funksjonen på noen andre måter?

Takk på forhånd!

Det finnes to dokumenter for ion-searchbar: komponentdokument & API-dokument

Svar #1

For å fange opp fokus-/blur-hendelser på søkefeltet bør du bruke (ionFocus) og (ionBlur) i stedet for Angulars (focus) og (blur). Fungerer som en sjarm for meg!

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

Relaterte artikler