Angularjs cookie 操作实例详解

摘要

现在很多app采用内嵌h5的方式进行开发，有些数据会存在webveiw的cookie中，那么如果使用angularjs开发单页应用，就需要用到angularjs的cookie操作。这里提供一个简单的学习demo。方便快速上手。

一个例子

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myapp">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
  <script src="Scripts/angular.js"></script>
  <script src="Scripts/angular-cookies.js"></script>
  <script>
    angular.module("myapp", ["ngCookies"]).controller("TestController", function ($cookies) {     // Put cookie
      $cookies.put('mytest', 'mytest');
      // Get cookie
      var mytestCookie = $cookies.get('mytest');
      console.log(mytestCookie)
      // Removing a cookie
      // $cookie.remove('mytest');
      console.log($cookies.get('mytest'));
    });
  </script>
</head>
<body ng-controller="TestController">
</body>
</html>

测试结果

可以看到上面结果设置成功了，但过期时间是session，这种cookie是跟当前会话相同了，也就是关闭浏览器之后就会消失，这是因为我们没有设置cookie的过期时间造成了，可以通过下面的方式设置过期时间。

 var expireDate = new Date();
      expireDate.setDate(expireDate.getDate() + 30);//设置cookie保存30天
      // Put cookie
      $cookies.put('mytest', 'mytest', { 'expires': expireDate });

总结

这里需要注意，在网上看到很多实用$cookieStore的，确实可以设置成功，但设置过期时间的时候会失效，建议采用$cookies

以上所述是小编给大家介绍的Angularjs cookie 操作实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# angularjs # cookie # 操作 # AngularJS入门教程之Cookies读写操作示例 # angular中的cookie读写方法 # 详解Angular操作cookies方法 # Angular.js与node.js项目里用cookie校验账户登录详解 # Angularjs之如何在跨域请求中传输Cookie的方法 # Angular ng-animate和ng-cookies用法详解 # AngularJs中$cookies简单用法分析 # 小编 # 就会 # 在此 # 可以通过 # 给大家 # 可以看到 # 造成了 # 提供一个 # 这是因为 # 所述 # 需要注意 # 给我留言 # 感谢大家 # 内嵌 # 关闭浏览器 # 疑问请 # 有任何 # 在网上 # xmlns # org

返回目录在线咨询

上一篇：关键词与用户意图的关系是什么_SEO优化教程
下一篇：C++怎么实现一个布隆过滤器_C++中用位数组实现的高效概率性数据结构

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Angularjs cookie 操作实例详解

您的项目需求