我的工具栏中有一个搜索栏,如下所示:
<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)似乎打破了我的无限滚动指令。