angular中的cookie读写

最新推荐文章于 2021-11-06 12:48:50 发布

原创最新推荐文章于 2021-11-06 12:48:50 发布 · 307 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angular #cookie

前端开发专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在AngularJS中使用ngCookies模块操作cookie。首先需要引入angular-cookies.js文件，并将ngCookies模块添加到自定义模块的依赖中。通过使用$cookies和$cookieStore服务可以实现对cookie的读写操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AngularJS中对cookie的操作封装了一个单独的模块，模块名为ngCookies，若想使用需在页面中先引入angular-cookies.js：
<script src="js/angular.min.js"></script>
<script src="js/angular-cookies.js"></script>

然后將ngCookies模块注入到我们自定义的模块的依赖模块中：

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

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

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

//修改cookie 加一天过期

var expireDate = new Date();

expireDate.setDate(expireDate.getDate() + 1);

cookie.put('', '', {expires: expireDate, domain:''});

//删除cookie

cookie.put('');

//获取cookie

cookie.get('');

$cookies和$cookieStore的区别：

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