如何在AngularJS中观察路线变化？

Question

如何观察/触发路线上的事件变化？

Answer 1

注意:这是AngularJS的旧版本的正确答案.有关更新版本,请参阅此问题.

$scope.$on('$routeChangeStart', function($event, next, current) { 
   // ... you could trigger something here ...
 });

以下事件也可用(它们的回调函数使用不同的参数):

• $ routeChangeSuccess
• $ routeChangeError
• $ routeUpdate - 如果reloadOnSearch属性已设置为false

请参阅$ route docs.

还有另外两个未记录的事件:

• $ locationChangeStart
• $ locationChangeSuccess

看看$ locationChangeSuccess和$ locationChangeStart之间有什么区别？

Answer 2

如果您不想将手表放在特定控制器中,可以在Angular应用程序中为整个应用程序添加手表 run()

var myApp = angular.module('myApp', []);

myApp.run(function($rootScope) {
    $rootScope.$on("$locationChangeStart", function(event, next, current) { 
        // handle route changes     
    });
});

Answer 3

$rootScope.$on( "$routeChangeStart", function(event, next, current) {
  //..do something
  //event.stopPropagation();  //if you don't want event to bubble up 
});