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

Question

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

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

这是node-list-item.html中的代码。

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

基本上，为node-list.html文件的ng-repeat的每次迭代呈现node-list-item。 我需要从父节点（即node-list-item.html中的node-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使用它：（您需要将索引发送到node-list-item指令）

<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-重复检查的文件在这里和指令变量这里 。