Часы AngularJs в контроллере меню

Question

Я использую часы для сохранения состояний в подменю.

В меню у меня есть:

$scope.$watch('$stateParams.colonyId', function(newVal, oldVal) { 
... 
} 

Он работал раньше - не больше. Он не выдает никаких ошибок и newVal и oldVal не определены. Зачем?

Answer 1

Вы можете попробовать тонный впрыснуть $state в контроллер и использовать $watch на $state.params

$scope.$watch(function() { 
    return $state.params.colonyId; 
}, function (newVal, oldVal) { 
    if (newVal !== oldVal) { 
     alert('Value changed !'); 
    } 
}); 

Answer 2

Причина, почему она не будет работать потому, что $stateParams обслуживание не на вашем $scope объекта. Обозначение $scope.$watch("someProperty",..) предполагает, что someProperty находится на вашем $scope объекте.

Чтобы исправить это либо зарегистрировать свою $stateParams службу на ваших $scope (Не рекомендуется!), Или изменить ваши часы, чтобы наблюдать функцию вместо:

$scope.$watch(function() { 
    return $stateParams.colonyId; 
}, function(newVal, oldVal) { 
    ... 
}