摘要
現在很多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 操作實例詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
