Angular 如何检测ionic2中离子搜索栏的聚焦和模糊事件?

Angular 如何检测ionic2中离子搜索栏的聚焦和模糊事件?,angular,typescript,ionic2,dom-events,Angular,Typescript,Ionic2,Dom Events,我现在正在使用ionic2构建一个应用程序。我想检测搜索栏输入何时获得焦点以及何时模糊,以便根据当前状态隐藏或显示某些组件。例如,当用户单击此搜索栏时显示一些建议 这是我的代码: <ion-searchbar #searchbar [(ngModel)]="searchInput"></ion-searchbar> 但是,我发现该组件似乎没有这两个事件。我尝试添加这样的事件侦听器,但没有成功: <ion-searchbar #searchbar [(ngModel

我现在正在使用ionic2构建一个应用程序。我想检测搜索栏输入何时获得焦点以及何时模糊,以便根据当前状态隐藏或显示某些组件。例如,当用户单击此搜索栏时显示一些建议

这是我的代码:

<ion-searchbar #searchbar [(ngModel)]="searchInput"></ion-searchbar>
但是,我发现该组件似乎没有这两个事件。我尝试添加这样的事件侦听器,但没有成功:

<ion-searchbar #searchbar [(ngModel)]="searchInput" (focus)="searchBarOnFocus()"></ion-searchbar>
那么我可以用其他方式实现这个特性吗

提前谢谢

ion searchbar有两个文档: &

要捕获搜索栏上的聚焦/模糊事件,您应该使用ionFocus和ionBlur,而不是Angular的聚焦和模糊。对我来说很有魅力

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