Фильтр записей в ионном приложении

Question

я смотрели на образце кода http://codepen.io/ionic/pen/mypxez/

Для реализации фильтра все они делают это, внутри master.html они имеют поле ввода, который связывание с «фильтром», как этот

   <ion-header-bar class="bar-subheader item-input-inset"> 
      <label class="item-input-wrapper"> 
       <i class="icon ion-ios7-search placeholder-icon"></i> 
       <input type="search" placeholder="Search" ng-model="filter"> 
      </label> 
       </ion-header-bar> 

и внутри содержания они делают что-то вроде этого

   <ion-content> 
       <div class="list"> 
       <a class="item my-item item-thumbnail-left" 
        collection-repeat="pet in pets | filter:filter" 
        collection-item-height="90" 
        collection-item-width="'100%'" 
        ui-sref="tabs.detail({petsId: pet.id })"> 
        <img ng-src="http://placekitten.com/60/{{55 + ($index % 10)}}"> 
        <h2>{{pet.firstName}}</h2> 
        <p>{{pet.id}}</p> 

        </a> 
        </div> 
       </ion-content> 

Q. Это прекрасно работает. Мой вопрос в том, что я не вижу никакой другой настраиваемой функции фильтра, определенной где-либо в коде javascript, как эта вещь работает?

Answer 1

Если вы хотите, чтобы в вашем заголовочном барабане был фильтр, который будет работать из коробки без необходимости прокладывать кучу вещей, проверьте мой плагин. https://github.com/djett41/ionic-filter-bar. Это даст вам то, что ваш взгляд