Angular js 观看会话存储

Question

我有一些来自不同控制器的数据，这些数据使用https://github.com/fredricrylander/angular-webstorage 存储在 sessionStorga 中。数据存储正常，在当前会话中可用。 我面临的问题是制作一个控制器来监视 webstorage.session 的变化我这样做是这样的：

app.controller(
    'updateDataController',
    ['$scope','$http','$sce','$location','$routeParams', '$rootScope', '$document', 'webStorage', '$interval', 'md5',
        function($scope,$http,$sce,$location,$routeParams, $rootScope, $document, webStorage, $interval, md5) {

            $scope.mySessionStorage = webStorage.session;

            $scope.$watch('mySessionStorage', function (newVal, oldVal) {
                 console.log("The web storage has changed");
            }, true);

        }
    ]);

我只得到一次 console.log 输出。即使我更改了 webStorage.session 的内容，我也没有收到任何日志。可能是什么问题？

Answer 1

webStorage.session 仅在控制器初始化时将值设置为$scope.mySessionStorage 一次。所以手表上面的代码只会触发一次。

尝试查看webStorage.session 值而不是控制器中的值：

$scope.$watch(function () {
   return webStorage.session;
}, function (newVal, oldVal) {
   console.log("The web storage has changed");
}, true);