Clear text in ion-searchbar
<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>