摘要

现在很多app采用内嵌h5的方式进行开发,有些数据会存在webveiw的cookie中,那么如果使用angularjs开发单页应用,就需要用到angularjs的cookie操作。这里提供一个简单的学习demo。方便快速上手。
一个例子
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myapp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-cookies.js"></script>
<script>
angular.module("myapp", ["ngCookies"]).controller("TestController", function ($cookies) { // Put cookie
$cookies.put('mytest', 'mytest');
// Get cookie
var mytestCookie = $cookies.get('mytest');
console.log(mytestCookie)
// Removing a cookie
// $cookie.remove('mytest');
console.log($cookies.get('mytest'));
});
</script>
</head>
<body ng-controller="TestController">
</body>
</html>
测试结果
可以看到上面结果设置成功了,但过期时间是session,这种cookie是跟当前会话相同了,也就是关闭浏览器之后就会消失,这是因为我们没有设置cookie的过期时间造成了,可以通过下面的方式设置过期时间。
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() + 30);//设置cookie保存30天
// Put cookie
$cookies.put('mytest', 'mytest', { 'expires': expireDate });
总结
这里需要注意,在网上看到很多实用$cookieStore的,确实可以设置成功,但设置过期时间的时候会失效,建议采用$cookies
以上所述是小编给大家介绍的Angularjs cookie 操作实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
# angularjs
# cookie
# 操作
# AngularJS入门教程之Cookies读写操作示例
# angular中的cookie读写方法
# 详解Angular操作cookies方法
# Angular.js与node.js项目里用cookie校验账户登录详解
# Angularjs之如何在跨域请求中传输Cookie的方法
# Angular ng-animate和ng-cookies用法详解
# AngularJs中$cookies简单用法分析
# 小编
# 就会
# 在此
# 可以通过
# 给大家
# 可以看到
# 造成了
# 提供一个
# 这是因为
# 所述
# 需要注意
# 给我留言
# 感谢大家
# 内嵌
# 关闭浏览器
# 疑问请
# 有任何
# 在网上
# xmlns
# org
相关文章:
建站之星后台搭建步骤解析:模板选择与产品管理实操指南
如何选购建站域名与空间?自助平台全解析
韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南
浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样?
C++中引用和指针有什么区别?(代码说明)
Python文件管理规范_工程实践说明【指导】
太平洋网站制作公司,网络用语太平洋是什么意思?
相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料?
如何使用Golang table-driven基准测试_多组数据测量函数效率
如何解决ASP生成WAP建站中文乱码问题?
如何基于云服务器快速搭建网站及云盘系统?
如何在IIS中新建站点并配置端口与物理路径?
建站org新手必看:2024最新搭建流程与模板选择技巧
网站设计制作公司地址,网站建设比较好的公司都有哪些?
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
济南专业网站制作公司,济南信息工程学校怎么样?
攀枝花网站建设,攀枝花营业执照网上怎么年审?
专业网站设计制作公司,如何制作一个企业网站,建设网站的基本步骤有哪些?
南阳网站制作公司推荐,小学电子版试卷去哪里找资源好?
网站企业制作流程,用什么语言做企业网站比较好?
Python lxml的etree和ElementTree有什么区别
如何选择服务器才能高效搭建专属网站?
网站制作免费,什么网站能看正片电影?
如何用y主机助手快速搭建网站?
如何在阿里云部署织梦网站?
高性能网站服务器配置指南:安全稳定与高效建站核心方案
如何配置支付宝与微信支付功能?
黑客如何利用漏洞与弱口令入侵网站服务器?
在线制作视频网站免费,都有哪些好的动漫网站?
北京网站制作网页,网站升级改版需要多久?
企业微网站怎么做,公司网站和公众号有什么区别?
如何生成腾讯云建站专用兑换码?
h5在线制作网站电脑版下载,h5网页制作软件?
如何配置WinSCP新建站点的密钥验证步骤?
如何快速查询网站的真实建站时间?
哈尔滨网站建设策划,哈尔滨电工证查询网站?
制作网站外包平台,自动化接单网站有哪些?
网站制作公司排行榜,抖音怎样做个人官方网站
建站之星如何优化SEO以实现高效排名?
建站主机如何选?高性价比方案全解析
网站建设制作需要多少钱费用,自己做一个网站要多少钱,模板一般多少钱?
建站主机空间推荐 高性价比配置与快速部署方案解析
高防服务器如何保障网站安全无虞?
常州企业建站如何选择最佳模板?
建站OpenVZ教程与优化策略:配置指南与性能提升
网站制作话术技巧,网站推广做的好怎么话术?
大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
建站VPS推荐:2025年高性能服务器配置指南
如何用PHP快速搭建CMS系统?
*请认真填写需求信息,我们会在24小时内与您取得联系。