如何在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
})