如何访问 angularjs 中 ng-repeat 中调用的组件中的索引？

Question

我有以下文件。这是节点中的代码-list.html

<tbody sv-node-list-item ng-repeat="item in items" />

这是节点列表中的代码-item.html。

<tr><td>{{$index}}</td></tr>

基本上，node-list-item 是为 node-list.html 文件的 ng-repeat 的每次迭代呈现的。我需要从父级访问项目的索引，即节点列表-item.html 中的节点-list.html 我已经安静地研究了一段时间但无法这样做。请帮忙。我正在使用 angular1，即 angularjs。这是 node-list-item.js

中的指令代码

function directive() { return { templateUrl: "partials/node-list-item.html" };}
module.directive("svNodeListItem",[ directive ]);

Answer 1

在node-list.html中使用它：（您需要将索引发送到节点列表项指令）

<tbody ng-repeat="item in items track by $index" sv-node-list-item index="{{$index}}"/>

然后将您的 sv-node-list-item 指令更改为：

function directive() { 
    return { 
        scope: {
           index: '@'
        },
        templateUrl: "partials/node-list-item.html" 
    };
}
module.directive("svNodeListItem",[ directive ]);

最后你的 node-list-item.html 到此：

<tr><td>{{index}}</td></tr>

有关 ng-repeat 的更多信息，请查看文档 here and for directive variables here。

如何访问 angularjs 中 ng-repeat 中调用的组件中的索引？

How to access index in a component called in ng-repeat in angularjs?

javascript

angularjs

angularjs-ng-repeat