如何在离子2中检测离子搜索键的焦点和模糊事件

Question

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

这是我的代码：

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

但是，我发现这个组件似乎没有这两个事件。我试图添加这样的事件侦听器，但它不起作用：

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

所以我可以以其他方式实现此功能？

预先感谢！

---

有两个有关离子搜索键的文档：组件文档＆amp;API文档

Answer 1

要在搜索栏上捕获焦点/模糊事件，您应该使用(ionfocus(和(ionblur(，而不是Angular's(focus(和(Blur(。对我来说就像魅力一样！

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