離子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）似乎破壞了我的無限滾動指令。