Barre de recherche - recherche sur la touche "entrée".

Question

Je suis très novice en matière de framework Ionic.
Suite à la docs J'ai créé une barre de recherche comme ceci :

<ion-searchbar
      [(ngModel)]="searchQuery"
      [showCancelButton]="true"
      (ionInput)="search($event)">
</ion-searchbar>

ionInput Lorsque l'entrée de la barre de recherche a été modifiée, y compris effacée.

Cela fonctionne comme prévu.

Cependant, je veux un comportement différent. Je ne veux pas déclencher search($event) à chaque fois que l'entrée change, mais je n'ai pas pu trouver une événement de sortie qui est émis lorsque l'utilisateur appuie sur la touche "entrée" ou clique sur un bouton, par exemple.

Existe-t-il une solution pour ce comportement ?

Answer 1

Vous devriez être en mesure d'ajouter des liaisons de type keyup Angular 2 à des éléments tels que keyup y click

Modèle :

<ion-searchbar #q
      [showCancelButton]="true"
      (keyup.enter)="search(q.value)">
</ion-searchbar>

Composant TS :

search(q: string) { 
    console.log(q); 
}