加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 10:22:45 所属栏目:安全 来源:网络整理
导读:我在看代码示例 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
我在看代码示例 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代码中任何地方定义的任何其他自定义过滤器函数,这个东西是如何工作的?

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读