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 = "";
   }

但是＆＃39; onClear＆＃39;当搜索栏很少＆＃39; x＆＃39;点击了..为什么？

Answer 1

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

Answer 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>

现在明确了......

Answer 3

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

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

3 个答案: