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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...