• 125326

    文章

  • 803

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

Angular - ng-repeat高级用法

服了这份高薪指南,涨多少你说了算>>

遍历数组:
    <li ng-repeat="item in array">{{item}}</li>

遍历对象:
    key:对象的key
    value:对象的value
    <li ng-repeat="(key,value) in obj">{{key}} | {{value}}</li>

绑定$$haskKey:
    给每个item绑定唯一ID,当数组发生变化时,ID不变!
    <li ng-repeat="item in items track by $id(item)"></li>

过滤器:
    对item的每个属性进行模糊匹配
     <li ng-repeat="item in items |filter: 25"></li>


绑定属性过滤:
   对item的某个属性进行模糊匹配
    <li ng-repeat="item in items |filter: 25 track by item.age"></li>

保存匹配结果:
    把匹配到的结果另存到results数组变量,可供外部使用
    <li ng-repeat="item in items |filter: 25 as results"></li>

    保存针对某个属性的过滤结果:
    <li ng-repeat="item in items |filter: 25 as results track by item.age "></li>


 转载至链接:https://my.oschina.net/u/2391658/blog/1936114


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客