angular中cookies的用法

摘要:
$cookieStore无法设置参数。

AngularJs中对cookies的操作进行了单独的封装,首先需要先引入angular-cookies.js文件;

<script src="http://t.zoukankan.com/scripts/lib/angular-cookies/angular-cookies.js"></script>

然后依赖注入到项目中

angular.module('site.design', [
    "ngCookies"
]);

ng-Cookies有两个cookies相关的服务:$cookies和$cookieStore;在控制器运用时需要注入到控制器中

controller: ["$cookies", "$cookieStore",
        function ($cookies, $cookieStore) {

        }
    ]

设置cookies用put()方法

$cookies.put(Name,Value);
$cookieStore.put(Name,Value);
$cookies.put(Name,Value,{path:''}) 改变cookies保存path域名

获取cookies用get()方法

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

删除cookies用remove()方法

$cookies.remove(Name);
$cookieStore.remove(Name);

$cookies和$cookieStore的区别:

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

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

免责声明:文章转载自《angular中cookies的用法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Vue2 实现时空穿梭框功能模块Spring IoC 的实现机制?下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

VS2019 开发AngularJS(TypeScript)代码缩进处理

问题背景: 我习惯使用VisualStudio做开发,VS具有其他IDE开发工具无法比肩的优秀表现,最近做AngularJS项目,顺其自然的采用了VS,但代码缩进却困扰了我很长时间。 正常代码缩进是4个空格,但做这个项目时却是2个空格,为保持与原有代码风格一致,不得不手动调节缩进。 尝试: 通常VS中,设置代码缩进是在,工具-》选项-》文本编辑器-》对应开...

[AngularJS]项目框架搭建-MyFirst Skeleton

前文有提到过 做一个简单的订餐系统,最近花了点时间,了解了一下AngularJS框架的使用。因此本文的目的根据了解的知识重新搭建基于 AngularJS框架. 该框架是基于对于AngularJS的学习而制定的,这其中肯定有很多不足,在以后的学习中在加以改进。 一。系统准备 安装Node.js version>=0.10.0版本 Git Shell 并...

angularJs:双向数据绑定

示例1 <!DOCTYPE html> <html ng-app> <head> <meta charset="UTF-8" /> <title>AngularJS的特性之:双向绑定</title> <!--引入官方标准的angular. min.js --> <sc...

angularJS的插件使用

$uibModal&&$uibModalInstance $uibModal和$uibModalInstance是一款angularJS的弹窗控件,github地址 http://angular-ui.github.io/bootstrap/#/modal $uibModal:负责调出弹窗 $uibModalInstance:弹窗实例 例子...

如何保持PC客户端一直处于登录状态

实现原理:利用同一个cookies实现,定时调用一个查询接口,保证系统处于登录状态。 工具:fiddler+ Proxifier(拿到cookies和接口地址)、安装curl、Python 、requests库 1、登录客户端后点击查询,抓包拿到curl地址 2、Curl转换成Python脚本 3、优化脚本(多个用户登录就存多个cookies) 4、设置W...

angular1.5 组件学习 -- 1、组件的基本结构

angular 1.5 新增了组件功能,一个简单的组件要包括两项:模板、控制器。 1、模板,可以是一段html内容,也可以是引用html文件的路径 2、控制器,则跟我们的 controller 的使用大致相同。 <!DOCTYPE html> <html ng-app="myApp"> <head> <me...