Ionic 3 Zeige Abbrechen Text anstelle von Abbrechen Symbol in der Suche Bar

Question

Ich habe diesen Code für Suchleiste in meiner ionic 3 App, aber ich kann nicht scheinen, die X-Schaltfläche zu einem Text zu ändern. Es gibt diese Eingabe Eigenschaft CancelButtonText in ionischen Dokumentation aber ich weiß nicht, wie man das anwendet. Die x-Taste am Ende der Suchleiste, ich muss es in einen Text wie löschen anstelle von x ändern.

<ion-searchbar 
    [(ngModel)]="myInput" 
    [showCancelButton]="shouldShowCancel" 
    (ionInput)="onInput($event)" 
    (ionCancel)="onCancel($event)"> 

</ion-searchbar> 

Answer 1

Haben Sie cancelButtonText Eigenschaft hinzugefügt versucht, wie diese

<ion-searchbar 
    [(ngModel)]="myInput" 
    [showCancelButton]="shouldShowCancel" 
    (ionInput)="onInput($event)" 
    (ionCancel)="onCancel($event)" 
    [cancelButtonText]="YOUR_TEXT_HERE"> 
</ion-searchbar> 

?: Es scheint auch nur auf iOS-Geräten auf diese Weise zu funktionieren, finden Sie unter: https://ionicframework.com/docs/api/components/searchbar/Searchbar/

Dieser Code scheint zu funktionieren ein iOS-Gerät:

<ion-searchbar showCancelButton="true" cancelButtonText="xxx"></ion-searchbar>