angularjs指令内部ngRepeat的$索引

Question

我正试图找到在与自定义指令一起使用的ngRepeat中获取索引位置的最佳方法。我试图解决的问题是，对于ngRepeat的每次迭代，我希望知道我在迭代中的位置，这样我就可以根据索引位置创建自定义模板。

除非有更好的方法，否则我将尝试基于指令中的此留档执行此功能：

http://docs.angularjs.org/guide/directive

我很难理解这个陈述到底在告诉我什么。所以，我试图做的是...

首先，ngRepeat指令与我的指令一起在“testTemboard”中使用：

<ul>
   <li my-attr="test()" my-directive ng-repeat="value in values" class="span2">
   </li>
</ul>

接下来，我的指令定义了：

angular.module('myModule', [])
       .directive('myDirective', function() {
            return {
                replace : true,
                transclude : true,
                scope : {
                    test: '&myAttr'
                },
                templateUrl: 'partials/myTemplate.html',
                link : function(scope, element, attrs) {
                    alert(scope.count);
                }
            }
        });

最后，我尝试在控制器中为引用指令的父模板定义“test”函数。

function TestTemplateCtrl($scope, testTemplate) {
    $scope.test = function() {
        alert('in test');
        $scope.count = "1";
    }
}

所以第一个问题是我在父控制器中的“测试”函数根本没有被执行。也许我不明白应该如何调用父控制器中的测试函数。现在我也没有实际增加，但是如果我可以让测试函数触发，当我到达那个点时，上面是增加计数的正确方法吗？

Answer 1

正如您所指出的，您可以使用$index获取索引。

至于为什么测试函数没有启动，您没有执行它。在指令的链接函数中，您需要如下内容：

scope.$eval(attrs.myAttr);

Answer 2

您可以考虑将$index作为指令属性传递，而不是范围。$父。$index：

<li my-directive index="{{$index}}" ng-repeat="value in values">

指令：

myApp.directive('myDirective', function() {
    return {
        replace: true,
        // transclude: true,
        scope: {
            index: '@'
        },
        template: '<div>testing {{index}}</div>',
        link: function(scope, element, attrs) {
            // ...
        }
    }
});

不停摆弄