title: How to detect onfocus and blur event of ion-searchbar in ionic2?
body: <p>I'm now using ionic2 to build an app. I want to detect when the searchbar input get focus and when it blur so that I can hide or show some components according to the current status. (For example, show some suggestions when the user clicks this searchbar.)</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;ion-searchbar #searchbar [(ngModel)]="searchInput"&gt;&lt;/ion-searchbar&gt;
  </code></pre>
  
  <p>However, I found that this component seems don't have these two events.I have tried to add an event listener like this, but it didn't work:</p>
  
  <pre><code>&lt;ion-searchbar #searchbar [(ngModel)]="searchInput" (focus)="searchBarOnFocus()"&gt;&lt;/ion-searchbar&gt;
  </code></pre>
  
  <p>So can I implement this feature in some other ways?</p>
  
  <p>Thanks in advance!</p>
  
  <hr>
  
  <p>There are two documents for ion-searchbar:
  <a href="http://ionicframework.com/docs/components/#searchbar" rel="noreferrer">component document</a> &amp;
  <a href="http://ionicframework.com/docs/api/components/searchbar/Searchbar/" rel="noreferrer">api document</a></p>