anuglarjs基础之---ng-repeat用法

简介:

Angular - ng-repeat高级用法

 ng-repeat高级用法:

遍历数组:

1
<li ng-repeat= "item in array" >`item`</li>

遍历对象:
    key:对象的key
    value:对象的value

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


绑定$$haskKey:
    给每个item绑定唯一ID,当数组发生变化时,ID不变!

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


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

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



绑定属性过滤:
   对item的某个属性进行模糊匹配

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


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

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


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

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


本文转自 爱笑嘚蛋蛋 51CTO博客,原文链接:http://blog.51cto.com/dd118/1958311,如需转载请自行联系原作者
相关文章
while (n-- > 0) 的用法
while (n-- > 0) 的用法
|
Kubernetes 容灾 应用服务中间件
【k8s 系列】k8s 学习十一,Label,RC,HPA
上面简单说了一下 pod 的基本知识点,待到后面会使用到 pod 的一些高阶知识点的时候,还可以再细细琢磨底层原理
131 0
|
数据安全/隐私保护 C++
【C++】 --- using用法总结
【C++】 --- using用法总结
113 0
|
关系型数据库 MySQL Go
[Golang]你真的搞懂go数据库配置中parseTIme=True和loc = Local的含义吗?
[Golang]你真的搞懂go数据库配置中parseTIme=True和loc = Local的含义吗?
|
API 容器
ng中的ng-content ng-template ng-container
ng中的ng-content ng-template ng-container
132 0
angular29-ng-hide,ng-show
angular29-ng-hide,ng-show
101 0
angular29-ng-hide,ng-show
【SV 基础】queue 的一些用法
【SV 基础】queue 的一些用法
1772 0
|
C++ 容器
set以及使用举例--C++基础
set以及使用举例--C++基础
155 0
set以及使用举例--C++基础
|
C++ 容器
stack以及使用举例--C++基础
stack以及使用举例--C++基础
158 0
stack以及使用举例--C++基础