Searchbar - поиск по клавише 'enter'

Question

Я очень новичок в Ionic framework.
После docs я создал SearchBar так:

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

ionInput Когда вход Searchbar изменился в том числе очищается.

Работает так, как ожидалось.

Однако я хочу иного поведения. Я не хочу запускать search($event) каждый раз, когда вход изменяется, но я не смог найти output event, который испускается, когда пользователь нажимает клавишу «Ввод» или нажимает кнопку, например.

Есть ли решение для этого поведения?

Answer 1

Вы должны иметь возможность добавлять угловые 2 KeyUp привязок элементов, таких как keyup и click

Шаблон:

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

Компонент TS:

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