angular中的cookie读写方法


Posted in Javascript onAugust 02, 2017

AngularJS中对cookie的操作封装了一个单独的模块,模块名为ngCookies,若想使用需在页面中先引入angular-cookies.js:

<script src="js/angular.min.js"></script>
<script src="js/angular-cookies.js"></script>

然后??gCookies模块注入到我们自定义的模块的依赖模块中:

var app = angular.module("myApp",['ngCookies']);

ngCookies模块中有两个cookies读写相关的服务:$cookies和$cookieStroe。无论使用哪种都要先将其注入到控制器中,为了比较二者的区别,都将其注入到控制器中:

app.controller('namesCtrl', ['$cookies','$cookieStore',function($cookies, $cookieStore){}]);

设置cookie用put()方法:

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

例如设置一个cookie,名为“userName”,值为“yangmin”:

//使用$cookies设置cookie
$cookies.put('userName', 'yangmin');
//使用$cookieStore设置cookie
$cookieStore.put('userName','yangmin');

获取cookie用get()方法:

$cookies.get(key);
$cookieStore.get(key);

例如获取上面设置的“userName”:

$cookies.get(userName);//yangmin
$cookieStore.get("userName"); //yangmin

删除cookie用remove():

$cookies.remove(key[, options]);
$cookieStore.remove(key);

例如删除“userName”

$cookies.remove("userName");
$cookieStore.remove("userName");

$cookies和$cookieStore的区别:

1.$cookies设置的cookie值一般为字符串,$cookieStroe可用于设置字符串、对象、数组等。

$cookies.put("person",{name:"Amy",age:23});
var person = $cookies.get("person");
console.log(person.age);//undefined
$cookieStore.put("person",{name:"Amy",age:23});
var person = $cookieStore.get("person");
console.log(person.age);//23

2.$cookies可设置参数,例如可设置cookie的过期时间。$cookieStore无法设置参数

var expireDate = new Date();
expireDate.setDate(expireDate.getDate() + 1);
$cookies.put("userName",“yangmin”,{'expires': expireDate});//“userName”一天后过期

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
Jan 13 Javascript
javascript中普通函数的使用介绍
Dec 19 Javascript
实用框架(iframe)操作代码
Oct 23 Javascript
基于node实现websocket协议
Apr 25 Javascript
javaScript语法总结
Nov 25 Javascript
Vue2.0 UI框架ElementUI使用方法详解
Apr 14 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
BootstrapTable加载按钮功能实例代码详解
Sep 22 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 Javascript
js tab栏切换代码实例解析
Sep 03 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
Vue3中toRef与toRefs的区别
Mar 24 Vue.js
webpack进阶——缓存与独立打包的用法
Aug 02 #Javascript
使用vue构建移动应用实战代码
Aug 02 #Javascript
React Native之ListView实现九宫格效果的示例
Aug 02 #Javascript
jQuery初级教程之网站品牌列表效果
Aug 02 #jQuery
ReactNative列表ListView的用法
Aug 02 #Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 #Javascript
利用JavaScript实现栈的数据结构示例代码
Aug 02 #Javascript
You might like
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
jquery实现心算练习代码
2010/12/06 Javascript
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
jQuery的live()方法对hover事件的处理示例
2014/02/27 Javascript
javasript实现密码的隐藏与显示
2015/05/08 Javascript
拥有一个属于自己的javascript表单验证插件
2016/03/24 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
Vue的双向数据绑定实现原理解析
2020/02/17 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
教你安装python Django(图文)
2013/11/04 Python
PyQt5每天必学之布局管理
2018/04/19 Python
Python日志模块logging基本用法分析
2018/08/23 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
python super的使用方法及实例详解
2019/09/25 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
爱游人:Travelliker
2017/09/05 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
环境科学专业个人求职信
2013/12/15 职场文书
开办加工厂创业计划书
2014/01/03 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
2014年党的群众路线教育实践活动总结
2014/04/25 职场文书
工作态度不端正检讨书
2014/10/04 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书
公司保洁员管理制度
2015/08/04 职场文书
小数乘法教学反思
2016/02/22 职场文书
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android