AngularJS call scope function on route change

Question

I am using ng-route in in my angular app. As soon as the url changes I don't want to update the templateUrl or controller, but I want to call a function in scope with route param. How to do it?

Should I provide same controller and call the function in controller itself? This is assuming that the controller's constructor is called again on route change. I haven't tried it as there might be a better way to do it? I am new to angular.

Aleksandar Gajic · Accepted Answer · 2015-06-18 14:09:56Z

8

angular-route.js broadcast events $routeUpdate, $routeChangeStart, $routeChangeSuccess on $rootScope, so you can listen to one of them

add this to your scope on which you want to detect route change

$rootScope.$on('$routeChangeStart', function (next, last) {
   $scope.someFunction();
});

answered Jun 18, 2015 at 14:09

Aleksandar Gajic

1,3591 gold badge18 silver badges23 bronze badges

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

1 Comment

roonz11 Over a year ago

I previously had '$stateChangeStart' and after changing to 'routeChangeStart' it worked! thank you!

Vikash · Accepted Answer · 2015-06-18 14:11:50Z

7

You can try this in your controller :

$scope.$on('$locationChangeStart', function(event) {
    //your code here
});

answered Jun 18, 2015 at 14:11

Vikash

1,1391 gold badge12 silver badges19 bronze badges

Collectives™ on Stack Overflow

AngularJS call scope function on route change

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related