How to access AngularJS directives element index

Question

Is there a way to get the index of an directive element in AngularJS? I didn't found anything via the AngularJS documentation and Google. For example I have several directive elements in my DOM like:

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

Each of them has a unique offsetTop. And I want to write these offsets into a scope variable identified with its index:

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

    $scope.offsetTopValues = [];

}]);

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

    return function($scope, element, attrs) {

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

Thanks in advance :)

mylescc · Accepted Answer · 2014-02-01 11:43:20Z

4

As far as I know, a directive doesn't have an index in a view like this. However what you could do is something like:

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

And then in the 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;
    };
});

answered Feb 1, 2014 at 11:43

mylescc

7,0393 gold badges20 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lars Schinkel Over a year ago

Yes :) ... indeed, declaration is Angulars philosophy, isn't it? Otherwise I have to use ng-repeat in my view. Thanks, that works: link

Collectives™ on Stack Overflow

How to access AngularJS directives element index

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related