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 相关文章推荐
js中if语句的几种优化代码写法
Mar 12 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
JS提交form表单实例分析
Dec 10 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
React Native 集成jpush-react-native的示例代码
Aug 16 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
Vue.js项目模板搭建图文教程
Sep 20 Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 Javascript
解决Nuxt使用axios跨域问题
Jul 06 Javascript
在JavaScript中如何使用宏详解
May 06 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数组函数
2008/08/18 PHP
PHP列出MySQL中所有数据库的方法
2015/03/12 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
基于laravel where的高级使用方法
2019/10/10 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
计算世界完全对称日的js代码,粗糙版
2011/11/04 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
node.js中的http.response.getHeader方法使用说明
2014/12/14 Javascript
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
快速了解Node中的Stream流是什么
2019/02/13 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
原生js实现自定义难度的扫雷游戏
2021/01/22 Javascript
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python实现梯度下降算法
2020/03/24 Python
python实现年会抽奖程序
2019/01/22 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
对python中list的五种查找方法说明
2020/07/13 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
AVON雅芳官网:世界上最大的美容化妆品公司之一
2016/11/02 全球购物
外贸业务员工作职责
2014/01/06 职场文书
教师个人工作总结范文2014
2014/11/10 职场文书
幼儿园小班教师个人工作总结
2015/02/06 职场文书
看雷锋电影观后感
2015/06/10 职场文书
常住证明范本
2015/06/23 职场文书
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技