离子2离子搜索栏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 = ""; 
    } 

但“ onClear'事件在搜索栏点击'x'时不会被点击。为什么？你可能会使用过期的离子导向

Answer 1

Answer 2

将其更改为(ionCancel)后@ 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> 

现在清楚的是工作...

Answer 3

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