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>

Q值。这非常有效。我的问题是，我没有看到javascript代码中任何地方定义的任何其他自定义过滤器函数，这个东西是如何工作的？

Answer 1

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

在离子应用中过滤记录

1 个答案: