如何在$ AngularJS中監視$ stateProvider的狀態變化？

Question

我知道我可以運行：

scope.$watch(someItem, function(){}) 

但我不能想出一個辦法來監視我的應用程序的$state.$current.name變化。

Answer 1

它在文檔：https://github.com/angular-ui/ui-router/wiki#state-change-events

$rootScope.$on('$stateChangeStart', 
function(event, toState, toParams, fromState, fromParams){ 
    // do something 
}) 

Answer 2

這工作：

$scope.$watch(function(){ 
    return $state.$current.name 
}, function(newVal, oldVal){ 
    //do something with values 
})