ShowCancelButton and spellcheck and autocorrect can not work on ion-searchbar in my codes! Need your help

my codes using it are as simple as that:
“”"""[ion-searchbar [(ngModel)]=“searchKey” showCancelButton=“true” (ionInput)=“onInput($event)” (ionCancel)=“onCancel($event)”][/ion-searchbar].""""""

By no working, it simply means that no cancel button can be found.
image