在离子应用中过滤记录

Question

我在看代码示例http://codepen.io/ionic/pen/mypxez/

要实现过滤器,他们正在做的就是,在master.html中,他们有一个输入框,它与这样的'filter'绑定

               <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>

问:这完美无缺.我的问题是,我没有看到javascript代码中任何地方定义的任何其他自定义过滤器函数,这个东西是如何工作的？

Answer 1

如果您希望标题栏中有一个开箱即用的过滤器，而无需连接一堆东西，那么请查看我的插件。https://github.com/djett41/ionic-filter-bar。这会给你你想要的