Ionic 2 ion-Searchbar ionClear在按钮点击时不会触发

Posted 2021-04-21

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

  <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'事件永远不会被击中..为什么会这样？

答案

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

另一答案

在@ 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>   

现在明确的工作......

另一答案

如果我包含[showCancelButton] =“true”，我发现我只能使用（ionCancel）。没有它，取消根本不起作用，（ionClear）似乎打破了我的无限滚动指令。