javascript - 如何访问 AngularJS 指令元素索引

Question

有没有办法在 AngularJS 中获取指令元素的索引？我没有通过 AngularJS 文档和谷歌找到任何东西。例如，我的 DOM 中有几个指令元素，例如:

<div directive></div>
<div directive></div>
<div directive></div>

他们每个人都有一个独特的offsetTop。我想将这些偏移量写入一个由其索引标识的范围变量:

app.controller('AppController', [ '$scope', function ($scope) {

    $scope.offsetTopValues = [];

}]);

app.directive('directive', function ($window) {

    return function($scope, element, attrs) {

        $scope.offsetTopValues[index] = element[0].offsetTop;
    };
});

提前致谢:)

Answer 1

据我所知，指令在这样的 View 中没有索引。但是你可以做的是:

<div directive index="0"></div>
<div directive index="1"></div>
<div directive index="2"></div>

然后在 javascript 中:

app.controller('AppController', [ '$scope', function ($scope) {

    $scope.offsetTopValues = [];

}]);

app.directive('directive', function ($window) {

    return function($scope, element, attrs) {

        $scope.offsetTopValues[attrs.index] = element[0].offsetTop;
    };
});