AngularJs: When view content fully loaded execute a function

Question

How can I call a function when view is fully loaded (text, images and everything)?

I've tried the following in my main controller, but it's alerting before content loads.

$(window).load(function() {
 alert('dsdsds');
});

I'm using ui-router, so I tried this as well in my main controller,

$scope.$on("$stateChangeSuccess", function($currentRoute, $previousRoute) {
    alert('sasas');
});

Here too, it's alerting before any content loads.

How can I do this?

have you defered you javascript in your html or put it at the bottom? that should make all of the DOM load before your JS — Joe Lloyd
– Joe Lloyd, Commented Sep 6, 2015 at 11:47
exact which content should be loaded to fire the event you wanted? — Pankaj Parkar
– Pankaj Parkar, Commented Sep 6, 2015 at 12:32
@PankajParkar: I want to alert something once my current view content is fully loaded. — Body
– Body, Commented Sep 10, 2015 at 19:32
@Body do you wanted to wait until ng-repeat load? or is there any specific component should be loaded before showing alert? — Pankaj Parkar
– Pankaj Parkar, Commented Sep 10, 2015 at 19:33

maddygoround · Accepted Answer · 2015-09-06 12:19:34Z

1

Try using $viewContentLoaded .It is emitted every time the ngView content is reloaded.

$scope.$on('$viewContentLoaded', function(event) {
     /...
 });

answered Sep 6, 2015 at 12:19

maddygoround

2,3102 gold badges21 silver badges33 bronze badges

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

1 Comment

Thank you for the reply. I've try this, but it's alerting before content loaded. I want the alert after my view content is fully loaded.

NaveenG · Accepted Answer · 2015-09-06 11:51:37Z

0

You can do this if you want to watch the stateChangeSuccess DOM object to change and then do something.

 $scope.$watch('$stateChangeSuccess', function($currentRoute, $previousRoute){
    // do something
 });

answered Sep 6, 2015 at 11:51

NaveenG

2923 silver badges11 bronze badges

Thank you for the reply. I've tried this, but it's alerting before content loaded. I want the alert after my view content is fully loaded.