当前位置: 首页 > 面试题库 >

AngularJS:嵌套循环中$ index的ng-repeat跟踪

宋智明
2023-03-14
问题内容

我需要第二个$ index用于嵌套的ng-repeat循环。我应该在哪里放?

AngularJS网站说

可以使用ngInit为这些属性创建别名。例如,在嵌套ngRepeats时,这可能很有用。

<div ng-repeat="person in persons track by $index">
    <div ng-repeat="something in array track by $index2"> <!-- where to init this and how to manage it?-->

如果我再次使用$ index,它似乎可以工作,但是我不确定这是否正确?我敢肯定有一种简单而正确的方法,我只是找不到一个例子。

谢谢


问题答案:

$index将引用最内层ngRepeat作用域的索引,因此,如果您需要它,则可以使用它。

文档所描述的是您需要$index在父级中访问的情况ngRepeat。您可以通过两种方式获得它:一种是使用$parent,另一种是使用ngInit,如Angular文档所建议。这是一个例子

<li ng-repeat="thing in things" ng-init="parentIndex = $index">
    {{ $index }}
    <ul>
        <li ng-repeat="value in thing.values">
            {{ value }} 
            {{ $index }} <!-- inner $index -->
            {{ $parent.$index }} <!-- parent $index -->
            {{ parentIndex }} <!-- also parent $index -->
        </li>
    </ul>
</li>

小提琴



 类似资料:
  • 问题内容: 我有一些虚拟XML文件: 使用此库http://code.google.com/p/x2js/将其转换为json,并转换为变量 Day可以具有任意数量的Job,Job可以嵌套并且包含任意数量的其他Job。 现在使用此代码 我可以列出有效的日期。我希望使用以下代码 我可以列出当天的工作日和最高职位,但这是行不通的。(要列出嵌套的Jobs,将是下一个任务,而不是现在询问该任务)。 那么,如

  • 问题内容: 因此,我在另一个ng-repeat中嵌套了一个ng-repeat,以构建导航菜单。在内部ng-repeat循环的每个循环上,我都设置了一个ng- click,它通过传入$ index来调用该菜单项的相关控制器,以使应用知道我们需要哪个。但是,我还需要从外部ng-repeat传递$ index,以便应用程序知道我们在哪个部分以及哪个教程中。 这是一个plnkrhttp://plnkr.c

  • 问题内容: 我正在寻找一种向表添加行的方法。我的数据结构如下所示: 我想创建一个看起来像这样的表: angular js ng-repeat有可能吗?如果没有,那将是一种“成角度的”方式呢? 编辑:展平数组将是一个不好的解决方案,因为如果我可以遍历子元素,我可以在单元格,其他css类等中使用不同的html标签。 问题答案: 您将无法使用ng-repeat做到这一点。但是,您可以使用指令来实现。 小

  • 问题内容: 我正在尝试处理ng-repeat循环内的范围问题-我浏览了很多问题,但还无法使我的代码正常工作。 控制器代码: 视图: 这是一个小提琴:http : //jsfiddle.net/cyberwombat/zqTah/ 基本上,我有一个包含多行文本的对象(这是一个传单生成器)。用户可以调整每行文本(文本,字体,大小,颜色等),我想为其创建预览。上面的示例仅显示了输入文本的输入字段,我希望

  • Angularjs ng用div标记重复。。我有一个带有div标记的代码,如图所示。。我想重复整个div,在第二个循环中img src是不同的。。如何使用angularjs中的ng repeat指令执行此操作?

  • 我有一个json,包含如下对象数组 在我看来,我想用ngFor呈现json,就像这样 你的名字叫什么? abc 定义 Ghi jkl