how to execute a function after the page is loading is done in angularjs

Question

I have an angularjs app. In the html page I call some REST services when the page is loading. I want to calculate the time taken in loading the page.

I found below code at Calculating Page Load Time In JavaScript:

window.onload = function () {
    var loadTime = window.performance.timing.domContentLoadedEventEnd-window.performance.timing.navigationStart; 
    console.log('Page load time is '+ loadTime);
}

But it uses window.onload.

Which angularjs directive should I use to execute this logic after the page load is done.

Thanks.

Take a look to this answer: http://stackoverflow.com/a/18646795/5119765 — ADreNaLiNe-DJ, Apr 27 '16 at 06:59
What actually you want to perform? Do you want to do something once you get data from api? — Abhinav, Apr 27 '16 at 07:19
@Abhinav I wanted to log the total time taken by the browser to load the page completely. — deadpool, Apr 27 '16 at 14:55

score 4 · Accepted Answer · answered Apr 27 '16 at 06:59

4

angular.element(document).ready(function(){
//do it here
});

answered Apr 27 '16 at 06:59

anaval

1,130
10
24

how to execute a function after the page is loading is done in angularjs

1 Answers1