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 相关文章推荐
UI Events 用户界面事件
Jun 27 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
JS实现的倒计时效果实例(2则实例)
Dec 23 Javascript
两种js监听滚轮事件的实现方法
May 13 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
vue实现通讯录功能
Jul 14 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 Javascript
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中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
jQuery - css() 方法示例详解
2014/01/16 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
[09:13]2014DOTA2国际邀请赛 中国区预选赛coser表演
2014/05/23 DOTA
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
学习python的几条建议分享
2013/02/10 Python
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
2015/04/01 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
python实现决策树C4.5算法详解(在ID3基础上改进)
2017/05/31 Python
python下10个简单实例代码
2017/11/15 Python
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
python实现数据库跨服务器迁移
2018/04/12 Python
python3.6.3转化为win-exe文件发布的方法
2018/10/31 Python
python列表返回重复数据的下标
2020/02/10 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
大学生优秀团员事迹材料
2014/01/30 职场文书
解放思想演讲稿
2014/09/11 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书
简单了解 MySQL 中相关的锁
2021/05/25 MySQL
Java 在线考试云平台的实现
2021/11/23 Java/Android