angular中的$cookies和$cookieStore

Posted 2020-07-31 大禹不治水

angular中的$cookies和$cookieStore

　　angular1.4及以上版本才支持$cookies。

　　项目引入的是1.4.2版本，操作cookies原先一直用的是$cookieStore，用的飞起啊。

  $cookieStore.remove("user");
  //检测是否存在cookie   user
  $scope.pass = $cookieStore.get("pass");

  //记录登录时间
  $scope.loginTime = new Date().getTime();
  $cookieStore.put("loginTime", $scope.loginTime);
  var cookieDate = {};
  cookieDate.sid = data.con.sid;
  cookieDate.uid = data.con.uid;
  cookieDate.tid = data.con.tid;
  cookieDate.token = data.con.token;
  cookieDate.email = data.con.email;
  $cookieStore.put("user", cookieDate);
  if ($scope.isRemember) {
     var expireDate = new Date();
     expireDate.setDate(expireDate.getDate() + 30);//设置cookie保存30天
     $cookieStore.put("pass", {\'email\':$scope.email, \'password\':$scope.password}, {\'expires\': expireDate});
  } else {
      $cookieStore.remove("pass");
   }

　　后来发现了一个严重的问题。在群里发现有人问问题，用的1.2版本的angular-cookie，$cookieStore设置保存时间没用。我一想，这怎么可能，嗤之以鼻。后来那人多次询问，我就把我的代码贴给他看了。也没什么，我就闭群看文章了。中途打野，想试试cookie怎么弄，毕竟自己也没弄多大明白，就换了个不常用的浏览器试了试。握草，cookie的设置根本没用啊！！于是查阅了些资料，好像cookieStore不支持保存的时间期限。

　　

$cookies.putObject(key,value,[options]);

$cookieStore.put(key,value);

　　这就是差别！于是瞬间全部换成$cookies写法。而且人老外也说了，以后会逐步摒弃$cookieStore，而更多使用$cookies。

 

 $cookies.remove("user");
 //检测是否存在cookie   user
 $scope.pass = $cookies.getObject("pass");

  //记录登录时间
  $scope.loginTime = new Date().getTime();
  $cookies.put("loginTime", $scope.loginTime);
  var cookieDate = {};
  cookieDate.sid = data.con.sid;
  cookieDate.uid = data.con.uid;
  cookieDate.tid = data.con.tid;
  cookieDate.token = data.con.token;
  cookieDate.email = data.con.email;
  $cookies.putObject("user", cookieDate);
  if ($scope.isRemember) {
     var expireDate = new Date();
     expireDate.setDate(expireDate.getDate() + 30);//设置cookie保存30天
     $cookies.putObject("pass", {\'email\': $scope.email, \'password\': $scope.password}, {\'expires\': expireDate});
   } else {
      $cookies.remove("pass");
   }

　　在其他控制器获取cookie内容也很简单：

 $scope.ID = $cookies.getObject("user").email;
 $scope.sid = $cookies.getObject("user").sid;
 $scope.uid = $cookies.getObject("user").uid;
 $scope.token = $cookies.getObject("user").token;

　　另外有的浏览器有自动填充账号密码功能（导致我以为我的cookie设置好了），可以在设置里面查看cookie是否保存成功。