微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular - ng-repeat高级用法

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>



转载自:http://www.cnblogs.com/jayruan/p/5699434.html

原文地址:https://www.jb51.cc/angularjs/146868.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐