Ionic 2 ion-Searchbar ionClear 在单击按钮时未触发答案

【问题标题】：Ionic 2 ion-Searchbar ionClear not firing on button clickIonic 2 ion-Searchbar ionClear 在单击按钮时未触发
【发布时间】：2018-03-07 01:07:50
【问题描述】：

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

  <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”事件永远不会被点击。这是为什么呢？

【问题讨论】：

在我的情况下，事件在我停止自动构建并重新运行 ionic 服务后开始触发，似乎当我添加语句时 live-reload 没有得到正确的更改

标签： ionic-framework ionic2

【解决方案1】：

将其更改为 (ionCancel) 您可能使用的是过时的离子指南

【讨论】：

【解决方案2】：

在@Ivario18 建议我将 clear 更改为 (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>

现在清除正在工作......

【讨论】：

【解决方案3】：

我发现如果我包含 [showCancelButton]="true"，我只能使用 (ionCancel)。没有它，取消根本不起作用，并且 (ionClear) 似乎破坏了我的无限滚动指令。

【讨论】：

这个答案是唯一一个在 Ionic 4 中对我有用的答案。