Angular JS - How to detect that that ng-repeat has finished?

Question

How can I detect that ng-repeat has finished writing the values into the markup? I have a lot of values and the rendering will take some time.

NG

        <ul >

        <li data-ng-repeat="item in values"> 

           {{item.id}}           

        </li>
    </ul>

http://stackoverflow.com/questions/15207788/calling-a-function-when-ng-repeat-has-finished — Kalhan.Toress, Sep 17 '14 at 07:15
http://stackoverflow.com/questions/13471129/angularjs-ng-repeat-finish-event — Kalhan.Toress, Sep 17 '14 at 07:16

Michael Kang · Accepted Answer · 2014-09-17T07:36:21.420

1

Use $timeout service.

$timeout(function(){
    //done rendering...
 });

Pass false as the third argument to prevent another digest cycle if you don't need one:

$timeout(function(){
    //done rendering...
 },0,false);

You can inject the $timeout service in your controller function:

app.controller('ctrl', function($scope, $timeout){
   ...
});

edited Sep 17 '14 at 07:36

answered Sep 17 '14 at 07:21

Michael Kang

Where is the $timeout defined, how is it connected to my controller? – user1477955 Sep 17 '14 at 07:32
You can inject the service – Michael Kang Sep 17 '14 at 07:36

1 Answers1