directive with ng-repeat and DOM manipulation after rendering

[Anton Trapp]

Hi!

I am building a hidden list in a directive like that (simplified, tried to do it with transclude, but the transcluded stuff never works for me *lol*, so everything in the directive now):

<ul ng-repeat="elem in whatever">
  <li>{{elem.something}}</li>

when the whole list has been rendered into the DOM I need to call a JavaScript function (3rd party). How can I get this DOM rendered event? Inside the link function I can watch the scope, but when the scope for the ng-repeat is changing the DOM has not even started to be rendered. So what I would need is something like (pseudo-code):

/* called when the whole rendering stuff is finished (including the ng-repeat has created the li items) */
whenRendered: function() {
  ExternalSericeCall();
}

in the directive declaration.

Thank you very much in advance!

Kind regards,
Anton

[Anton Trapp]

One "solution" I found: I created a small directive that sets a parent-scope variable on scope.$last and added it to the ng-repeat. When it is called the last time (scope.$last) is called the watch (defined in the link function of the directive above) is triggered and I can call the external JS. However this solution seems a little roundabout...

[Joberto Diniz]

Yeah.. we did the same when we need something similar.

[Tony pee]

there is also :  $evalAsync which i used successfully  - code on my other laptop. 

It is discussed here a little too:

http://stackoverflow.com/questions/15207788/calling-a-function-when-ng-repeat-has-finished

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

--

Tony Polinelli

[Anton Trapp]

Great! Tnx!