我需要在ion-searchbar旁边有取消图标 . 现在我在ion-searchbar旁边有取消的文本 . 文本如果由我提供，现在我想用图像替换文本 .
<ion-searchbar name="doSearch" (search)="doSearch($event)" [(ngModel)]="searchFilter" [showCancelButton]="true" cancelButtonText="Cancel" placeholder="Search" (ionCancel)="searchCancel($event)" (ionInput)="onInput($event)" (ionBlur)="onInputBlur()" (ionFocus)="onInputFocus()" (ionClear)="onInputClear($event)" >
我试图删除取消按钮，并尝试获取元素并插入类名 .
var element = document.getElementById(".searchbar-ios .searchbar-ios-cancel .button-inner");
element.classList.add("fa fa-angle-down fa-2x down-arrow");
它抛出错误说明 TypeError: null is not an object (evaluating 'element.classList')
你可以让我知道在离子搜索栏中获取取消图标而不是取消文本 .
1 回答
从
ion-searchbar删除[showCancelButton]="true" cancelButtonText="Cancel". 默认情况下，您将获得删除图标按钮 .