Pasek wyszukiwania - wyszukaj klucz "enter"

Question

Jestem bardzo nowy w strukturze jonowej.
Po docs stworzyłem searchbar takiego:

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

ionInput Gdy wejście Searchbar zmieniła tym wyczyszczone.

To działa zgodnie z oczekiwaniami.

Jednak chcę innego zachowania. Nie chcę wywoływać wartości search($event) za każdym razem, gdy wprowadzane są zmiany, ale nie mogę znaleźć wartości output event, która jest emitowana, gdy użytkownik kliknie przycisk "Enter" lub kliknie przycisk.

Czy istnieje rozwiązanie tego zachowania?

Answer 1

Powinieneś móc dodawać kątowe 2 keyup powiązania z elementami takimi jak keyup i click

Szablon:

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

Komponent TS:

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