为什么$ cookie和$ localStorage一起工作?

时间:2015-09-21 14:03:58

标签: javascript angularjs cookies angular-local-storage

所以我试图一起使用角度cookie和本地存储,我不确定为什么cookie会按照它们的方式工作。基本上,console.log(theInternet)部分输出到未定义的日志,当在put中清楚时,它的值是12。                         

<body ng-app="app" ng-controller="Ctrl">
  <div ng-controller="internet-test-controller">
    <p>hi</p>
  </br>
  </br>
  <button ng-click="$storage.counter = $storage.counter + 1">{{$storage.counter}}</button>
  <div ng-click="$storage.money = $storage.money + 1">{{$storage.money}}</div>
  </div>
</body>

<script>
var the_app = angular.module('app', ['ngStorage', 'ngCookies'])
the_app.controller('Ctrl', function ($scope, $localStorage, $cookies){
    $scope.$storage = $localStorage.$default({
      counter: 1, 
      money: $cookies.get('123abc')
    });

});
the_app.controller('internet-test-controller', ['$cookies', function($cookies) {
    var theInternet = $cookies.get('123abc');
    $cookies.put('123abc', 12);
    console.log(theInternet);
}]);
</script>

1 个答案:

答案 0 :(得分:1)

the_app.controller('internet-test-controller', ['$cookies', function($cookies) {
    var theInternet = $cookies.get('123abc');
    $cookies.put('123abc', 12);
    console.log(theInternet);
}]);

您正在读取(空)cookie,然后在其中存储值12,然后记录原始(空)变量。

第二次触发internet-test-controller时,你会得到12(因为它会从将{非空)cookie读入theInternet开始。

顺便提一下,使用localStorage和cookies很少有用或必要 - 它们的用途相同。如果您已经依赖localStorage,则根本不需要使用cookie。