To add fixed search bar in ionic your html code should look like:
<ion-header-bar class="bar bar-subheader item-input-inset">
<label class="item-input-wrapper search">
<i class="icon ion-search placeholder-icon"></i>
<input placeholder="Search..." ng-keyup="searchList($event)" type="text">
</label>
</ion-header-bar>
When user starts typing in search field then searchList() method will call. You can change this in your code according to your requirements.
<ion-header-bar class="bar bar-subheader item-input-inset">
<label class="item-input-wrapper search">
<i class="icon ion-search placeholder-icon"></i>
<input placeholder="Search..." ng-keyup="searchList($event)" type="text">
</label>
</ion-header-bar>
When user starts typing in search field then searchList() method will call. You can change this in your code according to your requirements.
You saved my life, thanks :)
ReplyDeleteI thought the header-bar created its own scope?
ReplyDelete