`

Angularjs 双重循环获取父级下标$index

阅读更多

 

<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 number iterator offset of the repeated element (0..length-1)
$first boolean true if the repeated element is first in the iterator.
$middle boolean true if the repeated element is between the first and last in the iterator.
$last boolean true if the repeated element is last in the iterator.
$even boolean true if the iterator position $index is even (otherwise false).
$odd boolean true if the iterator position $index is odd (otherwise false).

 

更多实例应用扫码体验:

分享到:
评论

相关推荐

    AngularJs ng-repeat 嵌套如何获取外层$index

    初始尝试中,直接在列循环中使用`$index`,实际上获取到的是列的索引,而不是行的索引。`$index`在内层`ng-repeat`中代表的是当前循环项的索引,而并不是外层循环的索引。所以,当开发者试图通过`$index`获取行号时...

    Java增强for循环中获取index

    本文将深入探讨Java增强for循环的工作原理以及如何在不改变其简洁性的同时获取循环中的索引。 首先,让我们理解增强for循环的基本语法: ```java for (类型 item : 数组或集合) { // 循环体 } ``` 这里的`类型`...

    AngularJS实践之使用ng-repeat中$index的注意点

    后来发现这个Bug是由于在 ng-repeat 中使用了 $index 引发的。 一个简单动作(action)的列表 先来看看一个完整有效的ng-repeat示例。 {{item.name}} &lt;button ng-click=remove($index)&gt;

    AngularJS实现在ng-Options加上index的解决方法

    然而,有时候开发者可能希望在选项中添加一个索引或者下标,就像`ng-Repeat`中的`$index`属性那样。虽然AngularJS官方并没有直接提供这样的功能,但通过一些技巧和自定义处理,我们可以实现这个需求。 首先,我们要...

    vue+element获取el-table某行的下标,根据下标操作数组对象方式

    scope.$index :获取当前行的下标 scope.row:获取当前行的对象 效果图: 思路:通过点击事件将该对象在数组中的下标传递到方法中,然后对数组进行操作 即可根据下标删除数组中对应的对象。 补充知识:vue-...

    JavaScript 获取元素在父节点中的下标(推荐)

    总之,JavaScript获取元素在父节点中的下标是通过结合`querySelectorAll`和数组的`indexOf`方法来实现的。理解这个过程不仅可以帮助你解决特定问题,还能增强你对JavaScript DOM操作的掌握,使你在编写高性能的前端...

    查找Vue中下标的操作(some和findindex)

    2. 获取对象数组的下标:`Object.getOwnPropertyNames(a)` 返回一个包含数组所有可枚举属性(不包括Symbol属性)的数组,这可以用来获取对象数组的下标。 3. 将对象数组转换为键值对数组:通过循环遍历对象数组并...

    php实现的生成排列算法示例

    分享给大家供大家参考,具体如下: &lt;... //可用的字符串下标 $res = array(); foreach($index as $i =&gt; $v) { $tmp = $index; unset($tmp[$i]); //去掉当前的前缀 /* 调试信息,便于理解

    获取目标字符串在源字符串第一次出现的下标Demo

    标题 "获取目标字符串在源字符串第一次出现的下标Demo" 描述的是一个常见的字符串处理问题,通常在编程中,我们可能会遇到需要查找一个子串在主串中首次出现的位置。这个任务可以通过编程语言中的字符串函数或者...

    python for 循环获取index索引的方法

    以上这篇python for 循环获取index索引的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 您可能感兴趣的文章:python中for循环输出列表索引与对应的值方法讲解Python中...

    python 获取list特定元素下标的实例讲解

    在Python中,获取列表中特定元素下标的常用方法有两种:`index()`方法和`enumerate()`函数。`index()`方法简单快捷,但它只能返回第一个匹配元素的下标。而`enumerate()`函数配合列表推导式能够找出所有匹配元素的...

    JQuery使用index方法获取Jquery对象数组下标的方法

    本文将详细介绍如何使用JQuery的index方法来获取Jquery对象数组下标,并结合实例,展示index方法的使用技巧。 首先,我们要知道index方法通常有两种使用方式。第一种方式是不带参数,返回的是当前jQuery对象在同级...

    python获取list下标及其值的简单方法

    这种方法通过`range(len(some_list))`生成一个从0到列表长度减1的整数序列,然后在循环中用这个序列作为下标去获取列表中的元素。 **方法二:使用enumerate()函数** Python内置的`enumerate()`函数提供了一种更为...

    Vue列表循环从指定下标开始的多种解决方案

    获取v-for循环的下标 在使用v-for进行列表循环时,我们经常需要知道当前元素的下标,以便处理一些特定的逻辑,比如索引绑定或条件渲染。Vue提供了“index”变量供我们在循环中使用。在模板中,可以通过(index)来获取...

    ViewPager自动无限循环滑动,手指按住停止滑动、并加入下标导航、你值得拥有

    本教程将详细讲解如何利用ViewPager实现“无限循环滑动”效果,以及如何在用户手指按住时暂停滑动,并添加下标导航。 首先,我们需要理解ViewPager的基本工作原理。ViewPager内部维护了一个PageTransformer接口,...

    VC中实现上标下标.doc

    在本例中,使用GetLogFont函数来获取当前字体的LOGFONT结构体,然后修改其中的lfWidth和lfHeight成员变量来实现上标下标的字体大小调整。 2. 图形编程技术:在VC中,图形编程技术是实现上标下标的核心。需要使用CDC...

    插入上标和下标的代码.rar

    在IT行业中,文本格式化是常见的需求之一,特别是在编程、科学计算或数学公式展示时,上标和下标的应用尤为广泛。"插入上标和下标的代码"这个主题聚焦于如何在网页或文本环境中实现这些功能,特别是通过JavaScript...

    上标下标的实现

    在计算机编程领域,特别是在网页设计和文本处理中,上标和下标是常见的文本格式化需求。它们用于表示数学公式、化学方程式、科学符号等。上标是文本中的小型字符,位于基线之上,而下标则是在基线之下。在本文中,...

    java 数组下标越界异常(ArrayIndexOutOfBoundsException)

    if (index &gt;= 0 && index ) { // 访问数组元素 } else { throw new IndexOutOfBoundsException("数组下标越界"); } ``` 3. **使用集合类**:考虑使用ArrayList、LinkedList等集合类,它们在处理越界问题时更加智能...

Global site tag (gtag.js) - Google Analytics