Angularjs cookie 操作实例详解


Posted in Javascript onSeptember 27, 2017

摘要

现在很多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>

测试结果

Angularjs cookie 操作实例详解

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

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

Angularjs cookie 操作实例详解

总结

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

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

Javascript 相关文章推荐
超级兔子让浮动层消失的前因后果
Mar 09 Javascript
用JavaScript事件串连执行多个处理过程的方法
Mar 09 Javascript
javascript实现的简单计时器
Jul 19 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
JS声明式函数与赋值式函数实例分析
Dec 13 Javascript
JS生成随机打乱数组的方法示例
Dec 23 Javascript
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
JavaScript实现无限级递归树的示例代码
Mar 29 Javascript
Angular进行简单单元测试的实现方法实例
Aug 16 Javascript
js移动端图片压缩上传功能
Aug 18 #Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 #Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 #Javascript
详解微信小程序Page中data数据操作和函数调用
Sep 27 #Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 #Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 #Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 #Javascript
You might like
php 引用(&amp;)详解
2009/11/20 PHP
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
php实现图片添加水印功能
2014/02/13 PHP
Laravel使用scout集成elasticsearch做全文搜索的实现方法
2018/11/30 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
javascript面向对象之对象的深入理解
2015/01/13 Javascript
JQuery页面地址处理插件jqURL详解
2015/05/03 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
jQuery简易时光轴实现方法示例
2017/03/13 Javascript
用原生JS实现简单的多选框功能
2017/06/12 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
vue实现引入本地json的方法分析
2018/07/12 Javascript
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
Django学习笔记之ORM基础教程
2018/03/27 Python
Python中url标签使用知识点总结
2020/01/16 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
服装销售人员求职自我评价
2013/09/26 职场文书
实习报告评语
2014/04/26 职场文书
经典禁毒标语
2014/06/16 职场文书
离婚协议书格式
2015/01/26 职场文书
入党转正介绍人意见
2015/06/03 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python