title: Clear text in ion-searchbar
body: <p>I have a search bar</p>
  
  <pre><code>&lt;div id="search"&gt;&lt;ion-searchbar [(ngModel)]="searchQuery" (change)="onChange($event)" (ionClear)="onCancel($event)" (ionInput)="onInput($event)" debounce="1"&gt;&lt;/ion-searchbar&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do I, from the ts file clear the text the user has entered?</p>
  
  <p>Here is the ts file function that tries to clear the search bar text.</p>
  
  <pre><code>.
  private searchQuery: string = null;
  .
  
    subscribeEvents() {
      this.events.subscribe('mapFilter:update', (data) =&gt; {
        this.employeeModel = data[0].employeeModel;
        if (data[0].fromClearFilters) {
          this.searchQuery = '';
        }
        this.getMarkers();
        this.getPosition();
      });
    }
  </code></pre>
  
  <p><code>this.searchQuery = '';</code> does reset the filter but the text remains</p>
  
  <p>Thanks</p>
  
  <p>I am using Ionic 2</p>