Thanh tìm kiếm - tìm kiếm trên phím 'enter'

Question

Tôi rất mới trong khuôn khổ Ionic.
Sau docs Tôi tạo ra một thanh tìm kiếm như thế này:

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

ionInput Khi đầu vào Searchbar đã thay đổi bao gồm xóa.

Điều này hoạt động như mong đợi.

Tuy nhiên, tôi muốn có một hành vi khác. Tôi không muốn kích hoạt search($event) mỗi lần đầu vào thay đổi, nhưng tôi không thể tìm thấy một số output event được phát ra khi người dùng nhấn phím 'enter' hoặc nhấp vào một nút chẳng hạn.

Có giải pháp cho hành vi này không?

Answer 1

Bạn sẽ có thể để thêm góc 2 KeyUp bindings đến các yếu tố như keyup và click

mẫu:

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

Component TS:

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