首页 > 其他 > 详细

Angular - ng-repeat高级用法

时间:2016-07-23 20:55:11      阅读:307      评论:0      收藏:0      [点我收藏+]
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>
 
好文要顶 关注我 收藏该文 技术分享 技术分享

Angular - ng-repeat高级用法

原文:http://www.cnblogs.com/jayruan/p/5699434.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!