Ionic 2 ion-Searchbar ionClear不触发按钮单击

Question

我的工具栏中有一个搜索栏，如下所示：

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

以及对应的TS文件中的函数：

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

但是，当单击搜索栏上的小“ x”时，“ onClear”事件永远不会被点击。为什么？

Answer 1

在 @Ivario18 建议我将清除更改为 (ionCancel) 后，我添加了 (ionCancel)以及(ionClear)：

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

现在清除正在工作...