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

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

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

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

基本上,node-list-item 是为 node-list.html 文件的 ng-repeat 的每次迭代而渲染的。我需要从父项访问该项目的索引,即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 ]); 

请您参考如下方法:

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-repeat 的更多信息,请查看文档 here对于指令变量 here .


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!