Ionic 2 ion-Searchbar ionClear not firing on button click

Question

I have a searchbar in my toolbar as follows:

  <ion-toolbar color="clarity">
    <ion-searchbar
      [(ngModel)]="searchText"
      [showCancelButton]="false"
      (ionInput)="onInput($event)"
      (ionClear)="onClear($event)">
    </ion-searchbar>
  </ion-toolbar>   

and a function in the corresponding TS file:

   onClear(event){
     this.searchText = "";
   }

But the 'onClear' event never gets hit when the searchbars little 'x' is clicked.. why is that?

Answer 1

Change it to (ionCancel) You're probably using an outdated ionic guide

Answer 2

After @Ivario18 suggested I change the clear to (ionCancel), I added the (ionCancel) as well as the (ionClear):

<ion-toolbar color="clarity">
  <ion-searchbar
    [(ngModel)]="searchText"
    [showCancelButton]="false"
    (ionInput)="onInput($event)"
    (ionClear)="onClear($event)"
    (ionCancel)="onCancel($event)">
  </ion-searchbar>
</ion-toolbar>   

Now the clear is working...