ng-repeat的使用

基本用法

遍历数组：

[html]  view plain  copy

 

1. <li ng-repeat="item in array">{{item}}</li>  

遍历对象：

key：对象的key
value：对象的value

[html]  view plain  copy

 

1. <li ng-repeat="(key,value) in obj">{{key}} | {{value}}</li>  

ng-repeat高级用法：

绑定$$haskKey:

    给每个item绑定唯一ID,当数组发生变化时，ID不变！

[html]  view plain  copy

 

1. <li ng-repeat="item in items track by $id(item)"></li>  

过滤器：
对item的每个属性进行模糊匹配

[html]  view plain  copy

 

1. <li ng-repeat="item in items |filter: 25"></li>  

绑定属性过滤：

对item的某个属性进行模糊匹配

[html]  view plain  copy

 

1. <li ng-repeat="item in items |filter: 25 track by item.age"></li>  

保存匹配结果：
把匹配到的结果另存到results数组变量,可供外部使用
   

[html]  view plain  copy

 

1. <li ng-repeat="item in items |filter: 25 as results"></li>  

保存针对某个属性的过滤结果：

[html]  view plain  copy

 

1. <li ng-repeat="item in items |filter: 25 as results track by item.age "></li>  

 

版权声明：本文为博主原创文章，未经博主允许不得转载。

顶0 踩0