AngularJS $watch root scope variable for changes

最新推荐文章于 2021-06-21 07:48:12 发布

jfkidear

最新推荐文章于 2021-06-21 07:48:12 发布

阅读量3.5k

点赞数

分类专栏： web

web 专栏收录该内容

81 篇文章 0 订阅

订阅专栏

AngularJS $watch root scope variable for changes

up vote 3 down vote favorite

I have the following $rootScope variable which I use to save the current logged in user privilege level, then I access this variable from other controllers. Is there a way I can watch the rootScope variable for changes in order to update controllers specific variables with any changes to the root scope variable? Below is the code I am using so far, can someone please tell me what I am doing wrong and how to fix it? Thanks

In app.js under .run:

 $rootScope.uPLevel = 0;

.controller

   $scope.$watch($rootScope.uPLevel, function() {
            $scope.userPLevel = $rootScope.uPLevel;
   }, true);

angularjs

share improve this question

asked Mar 29 '14 at 23:55

MChan
939 6 28 58

add a comment

1 Answer

active oldest votes

up vote 18 down vote accepted

The first parameter to $watch should either be a string or a function (docs). Right now you're passing it the value of $rootScope.uPLevel on controller initialization.

$scope.$watch(function() {
  return $rootScope.uPLevel;
}, function() {
  $scope.userPLevel = $rootScope.uPLevel;
}, true);

Two sidenotes:

It may be prudent to store this value in a service instead of $rootScope.
If uPLevel is only an integer (as your example suggests) then you don't need to pass true as the third parameter - that's only for arrays and objects. If you do want to watch a collection, then I suggest using $watchCollection instead.