Angularjs 双重循环获取父级下标$index
来源:互联网 发布:linux pipe 编辑:程序博客网 时间:2024/06/09 16:36
- <table class="table table-bordered">
- <tr ng-repeat="info in ttzInfo" ng-cloak>
- <td class="col-xs-2 adjust-col-2 text-right title-desc" ng-bind="info.title"></td>
- <td class="col-xs-3 adjust-col-3 text-center" ng-repeat="key in ['ttz', 'yeb', 'bank']">
- <span ng-if="info[key]">
- <span ng-if="info[key].length" ng-bind="info[key]" ng-class="{'year-interest': $parent.$parent.$parent.$first}"></span>
- <span ng-if="!info[key].length" class="glyphicon glyphicon-ok"></span>
- </span>
- <span ng-if="!info[key]" class="glyphicon glyphicon-remove"></span>
- </td>
- </tr>
- </table>
直接获取父级下标,只有两个ng-repate写在一起的时候,使用 $parent.$index即可获取,若没多一级ng-if之类的判断条件,则接着在往上一级寻找即可。
其他ng-repate的函数都是同一个道理。
Angularjs在线教程:
http://each.sinaapp.com/angular/tutorial/ng-repeat.html
Variable Type Details
$index
numberiterator offset of the repeated element (0..length-1)$first
booleantrue if the repeated element is first in the iterator.$middle
booleantrue if the repeated element is between the first and last in the iterator.$last
booleantrue if the repeated element is last in the iterator.$even
booleantrue if the iterator position $index
is even (otherwise false).$odd
booleantrue if the iterator position $index
is odd (otherwise false).转自:http://qiaolevip.iteye.com/blog/2242113阅读全文
1 0
- Angularjs 双重循环获取父级下标$index
- 在循环中获取索引(数组下标)
- <c:foreach> 标签获取循环下标
- jstl 循环获取集合的下标
- angularjs ng-repeat 嵌套 获取上层$index
- JQuery index方法获取Jquery对象的数组下标
- swift map reduce 获取下标(index)的方法
- angularjs ng-repeat 获取当前在数组中的下标
- python for 循环 一个 list 获取index
- freemarker 标签循环list 以及获取下标值
- Struts2 和freemarker 标签循环list 以及获取下标值
- 双重循环sql操作
- 嵌套实现双重循环
- 双重c:forEach 循环
- 关于双重循环
- 双重for循环Test
- JAVA跳出双重循环
- for语句双重循环
- arttemplate模板--字符串拼接中使用模板语法
- EL表达式三元运算符
- [Trie] BZOJ4896: [Thu Summer Camp2016]补退选
- hdu 1429 胜利大逃亡(续)
- LoadRunner学习笔记——Day2
- Angularjs 双重循环获取父级下标$index
- 使用GDI +加载JPG和PNG资源的CGdiPlusBitmap类
- MongoDB聚合查询
- springboot开发(yml配置和注解解析)
- zend Studio快捷键操作说明
- Java的异常处理
- 职业规划
- Android Material Design动画 Reveal Effect | 揭示效果
- 【动态规划15】hdu3057 Print Article(斜率优化入门)