Angularjs cookie 操作实例详解
2017-09-27 16:50
861 查看
摘要
现在很多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 操作实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- javascript针对cookie的基本操作实例详解
- javascript针对cookie的基本操作实例详解
- Javascript 对cookie操作详解及实例
- 使用jquery.cookie操作Cookie实例
- lua table操作实例详解
- 实例详解AngularJS实现无限级联动菜单
- ASP.NET 操作Cookie详解 增加,修改,删除
- ASP.NET 操作Cookie详解 增加,修改,删除
- javascript 操作cookies详解及实例
- JS操作Cookie写入和读取实例代码
- VC操作word实例详解
- javascript 操作cookies 存(设置)、读取、删除函数实例详解
- Python 文件读写操作实例详解
- JS中对Cookie的操作详解
- js 操作cookie详解
- UEFI启动视频详解:启动分析+N项操作实例
- java 中mongodb的各种操作查询的实例详解
- tcltk实例详解——列表操作(三)
- JDBC中resutset接口操作实例详解
- angularJs-购物金额实例操作