溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關Angularjs中cookie的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
摘要
現在很多app采用內嵌h6的方式進行開發，有些數據會存在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的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
