在离子应用程序中过滤记录

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

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

在离子应用程序中过滤记录

Filter records in ionic app

angularjs

ionic-framework

ionic