javascript - angularjs 观察 rootscope 的变化

Question

我正在尝试绑定(bind)到 rootscope，以便我可以在用户登录时在不同的服务器上设置状态。这是我的模块。

angular.module('presence', 
  [
  ]
)

.run(function ($rootScope) {
  $rootScope.$watch($rootScope.currentUser, function () {
    console.log('change currentUser')
    console.log($rootScope.currentUser)
    presence.setGlobal({
      u: $rootScope.currentUser,
      s: 'on'
    })
  })
})

没有 Controller ，因为它只是关于用户的全局存在，与 DOM 无关。

这是行不通的， watch 会运行一次，但不会在后续更改时再次运行。感谢您的帮助。

编辑:登录代码如下所示:

  $scope.login = function() {
    $http.post('http://localhost:3000/login', $scope.user).success(function(res, status) {
      if (res && res._id) {
        $rootScope.currentUser = res
      }
    }).error(function(res, status) {
      $scope.error = res.err
    });
  };

此代码在 DOM 中更新良好。它在 html 中显示用户名，例如:

a.user(ui-if="currentUser", ng-href="/user/{{currentUser._id}}") {{currentUser.username}}

Answer 1

语法是 $rootScope.$watch('currentUser') 而不是 $rootScope.$watch($rootScope.currentUser)