Searchbar
Manages the display of a Searchbar which can be used to search or filter items.
Component
selector: ion-searchbar
Usage
<ion-searchbar
[(ngModel)]="myInput"
[hideCancelButton]="shouldHideCancel"
(input)="onInput($event)"
(cancel)="onCancel($event)">
</ion-searchbar>
Input Properties
Attr | Type | Details |
---|---|---|
cancelButtonText | string |
Sets the cancel button text to the value passed in |
hideCancelButton | boolean |
Hides the cancel button |
debounce | number |
How long, in milliseconds, to wait to trigger the |
placeholder | string |
Sets input placeholder to the value passed in |
ngModel | any |
Expression to evaluate when the Searchbar input has changed including cleared |
Output Events
Attr | Details |
---|---|
input | When the Searchbar input has changed including cleared |
blur | When the Searchbar input has blurred |
focus | When the Searchbar input has focused |
cancel | When the cancel button is clicked |
clear | When the clear input button is clicked |