我怎么能用ionicfilter bar过滤？

My view is:

我的观点是:

<ion-view title="Dinner">
    <ion-nav-buttons side="right">
        <button class="button button-icon icon ion-ios-search-strong" ng-click="filterBar()">
        </button>
    </ion-nav-buttons>
    <ion-content>
        <ion-list class="list-card" ng-repeat="datas in data | filter:query">
            <ion-item class="item item-avatar" href="/go.html?url=#/dinner/{{datas.nom}}">
                <img ng-src="{{datas.image}}" />
                <h2>{{datas.nom | uppercase}}</h2>
                <p>{{datas.description | limitTo : 20}}...</p>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>
<ion-view title="Dinner