javascript - Ionic 2 ion-searchbar showCancelButton 在 Android 中不起作用

Question

我正在使用 Ionic2。

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.1.4
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.3 Build version 8E162

我无法获取ion-searchbar在 Android 平台上使用 showCancelButton 按钮显示取消。

  <ion-searchbar  [showCancelButton]="true" class="ion-searchtext" id="ion-searchtext" [(ngModel)]="searchQueryText" (change)="onChangeText($event)" (ionClear)="onCancelText($event)" (ionInput)="onInputText($event)" placeholder="Keyword Search" debounce="1"></ion-searchbar>

iOS

安卓

报告了同样的问题 here ，但似乎还没有解决，想知道是否有人有解决办法？

谢谢

Answer 1

取消按钮是输入字段左侧的后退箭头图标，它非常令人困惑，一开始也让我困惑，这是我创建的演示，您可以在其中看到它的工作原理:

  <ion-toolbar>
    <ion-searchbar
      [(ngModel)]="searchString" 
      [showCancelButton]="showSearchCancelButton"
      (ionInput)="searchStuff(searchString)"
      (ionCancel)="onCancelSearch()">
    </ion-searchbar>
  </ion-toolbar>

组件:

  ...
  onCancelSearch(): void {
    alert('cancel clicked');
  }
  ...

DEMO