Angularjs cookie操作示例详解

摘要

目前很多应用都是通过嵌入h5开发的，有些数据会存储在webveiw的cookies中，所以如果使用angularjs开发单页应用，就需要使用angularjs的cookie操作。这里有一个简单的学习演示。容易快速上手。

一个例子

！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=' http : script/angular . js '/script script src=' http : script/angular-cookies . js '/script script angular . module(' myapp '，['ngCookies'])。controller('TestController '，function($ cookies){//Put cookie $ cookies . Put(' my test '，' my test ')；//Get cookie var mytestCookie=$ cookies . Get(' my test ')；console.log(mytestCookie) //移除cookie//$ Cookie . remove(' MyTest ')；console . log($ cookies . get(' my test '))；});/script/head body ng-controller=' test controller '/body/html test结果

可以看到上面的结果设置成功，但是过期时间是session。该cookie与当前会话相同，也就是说，它将在浏览器关闭后消失。这是因为我们没有设置cookie的过期时间。您可以通过以下方式设置到期时间。

var expired Date=new Date()；expired ate . setdate(expired ate . getdate)(30)；//将cookie设置为保存30天//放入cookies $ cookies。put ('mytest '，' mytest '，{ ' expires ' : expired })；

摘要

这里需要注意的是，很多实用的$cookies都可以在网上设置成功，但是设置过期时间时会失效。建议使用$ cookies

以上是边肖介绍的Angularjs cookie的操作示例的详细说明，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！