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>

转载于:https://www.cnblogs.com/cook/p/4582860.html

Angular - ng-repeat高级用法相关推荐

vim的高级用法配置以及在系统中如何获取帮助
vim的高级用法配置以及在系统中如何获取帮助 1 vim的三种模式 1.1 使用方法 1.2 vim模式 2 vim工作的基本配置 2.1 临时设定(set设定) 2.2 永久设定方式 3 搜索 4 ...
Python多线程多进程、异步、异常处理等高级用法
文章目录前言多线程多进程多线程多进程协程总结异步基本概念异步编程 asyncio aiohttp 异常常见异常异常处理自定义异常 lambda表达式 lambda表达式用法高 ...
Cacti Weathermap 高级用法（二）
成都长宽Weathermap实际运用的效果图示例: 这是一个CNC出口的质量监控图. 途中cnc节点(红色)是一个展示图例,TEL节点根据存活状态显示为绿色 TEL节点上面P:47.2ms 是一个,这 ...
JAVA正则表达式高级用法(分组与捕获)
2019独角兽企业重金招聘Python工程师标准>>> 正则表达式在字符串处理中经常使用,关于正则简单的用法相信有一点程序基础的人都懂得一些,这里就不介绍简单基础了.这里主要讲解一下 ...
GUN sed高级用法，sed脚本编写
这里举一些sed常用的高级用法例子经供参考: 一下操作都针对file.txt文件作修改 [root@QX-××× ~]# cat file.txt libgcc-4.4.7-4.el6.x86_64 ...
java return用法_Java枚举的高级用法之多键值的映射使用
枚举Enum单映射使用做Java的各位仁兄姐妹都知道,Java通过HashMap,以及枚举提供了方便的K-V映射功能,例如枚举单映射使用但是如果遇到多个键值映射,例如K-K-V的形式怎么办呢?可 ...
（转）python requests 高级用法 -- 包括SSL 证书错误的解决方案
(转)python requests 高级用法 -- 包括SSL 证书错误的解决方案参考文章: (1)(转)python requests 高级用法 -- 包括SSL 证书错误的解决方案 (2)ht ...
Python 内置函数sorted()在高级用法
对于Python内置函数sorted(),先拿来跟list(列表)中的成员函数list.sort()进行下对比.在本质上,list的排序和内建函数sorted的排序是差不多的,连参数都基本上是一样的. ...
class() 高级用法 -- lua
class() 高级用法 class() 除了定义纯 Lua 类之外,还可以从 C++ 对象继承类.比如需要创建一个工具栏,并在添加按钮时自动排列已有的按钮,那么我们可以使用如下的代码:-- 从 CC ...

Angular - ng-repeat高级用法

Angular - ng-repeat高级用法相关推荐

最新文章

热门文章