イオン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」がクリックされたときに決してヒットしません。なぜですか？ @ Ivario18は私が（ionCancel）に明確に変更を示唆した後、あなたはおそらく時代遅れのイオンガイド

Answer 1

を使用している(ionCancel)へ

Answer 2

変更して、私は（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）が私の無限スクロール命令を破るように見えました。