tutorial - ¿Cómo ver el cambio de estado de $ stateProvider en AngularJS?

ui router angularjs template

Question

Sé que puedo correr:

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

Pero no puedo encontrar una manera de vigilar el cambio de $state.$current.name en mi aplicación.

Answer 1

Está en los documentos: https://github.com/angular-ui/ui-router/wiki#state-change-events

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

Answer 2

Esto funciona:

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