角度$ scope与$ watch的混淆

Question

我仍处于Angular 1.0旅程的开始阶段。 我正在学习喜欢它，但是我仍然在一些地方挠头。

最近，在使用$ watch时遇到了一些麻烦，这让我感到困惑。 看一看：

$scope.$watch('cookies', function() {
  if ($cookies.getAll().redditSession) {
    $scope.$emit('cookiesChanged')
 // $scope.userWelcome = cookieService.decodeCookie($cookies.get('redditSession'))
  }
})

$scope.$on('cookiesChanged', function() {
  $scope.userWelcome = cookieService.decodeCookie($cookies.get('redditSession'))
})

此代码有效。 如果我的cookie发生更改，我将发出一个事件，从而触发事件侦听器，该事件侦听器会将$ scope.userWelcome的值更改为cookie中存储的某个值。 如果我导航到应用程序中的另一条路线，则会看到此更改。

但是，我想知道为什么我必须在这里使用事件发射器？ 注意我注释掉的那一行。 我首先尝试了此方法，但是即使我移至应用程序中的另一个页面，它也不会更改$ scope.userWelcome的值。 我必须重新加载页面才能看到我已登录。

这里发生了什么？

Answer 1

您的错误是您尝试使用标准方法获得新的价值。 实际获得新值的方法是将其添加到函数的参数中。 它去了：

$scope.$watch('cookies', function(newValue, oldValue) {
  if (newValue.getAll().redditSession) {
    $scope.userWelcome = cookieService.decodeCookie(newValue.get('redditSession'))
  }
  // also try this
  console.log(oldvalue === $cookies);
});

干杯!

Answer 2

尝试直接查看Cookie：

$scope.$watch(
    function () {
        return $cookies.get('redditSession');
    },
    function (newValue) {
        if (newValue) { 
            $scope.userWelcome = cookieService.decodeCookie(newValue); 
        };
    }
);