angular - 如何检测ionic2中 ionic 搜索栏的聚焦和模糊事件？

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

这是我的代码:

<ion-searchbar #searchbar [(ngModel)]="searchInput"></ion-searchbar>

但是，我发现这个组件似乎没有这两个事件，我试图添加一个这样的事件监听器，但是没有用:

<ion-searchbar #searchbar [(ngModel)]="searchInput" (focus)="searchBarOnFocus()"></ion-searchbar>

那么我可以通过其他方式实现此功能吗？

提前致谢!

ion-searchbar有两个文档:
component document＆
api document

最佳答案

要在搜索栏上捕获焦点/模糊事件，您应该使用(ionFocus)和(ionBlur)而不是Angular的(focus)和(blur)。对我来说就像一个魅力!

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

关于angular - 如何检测ionic2中 ionic 搜索栏的聚焦和模糊事件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43756290/