本文執行個體講述了AngularJS的Cookies讀寫操作。分享給大家供大家參考，具體如下：
雖然使用JavaScript建立和擷取Cookie很簡單，AngularJS還是把它作為一個單獨的模組進行了封裝，模組名為ngCookies，和前面的教程中做法一樣，先引入angular-cookies.js：
<script type="text/javascript" src="angular-1.3.0.14/angular-cookies.js"></script>
然後將ngCookies模組注入到我們自訂的模組中：
var cookiesMod = angular.module("cookiesMod",['ngCookies']);
這裡我們需要把Cookies讀寫相關的服務$cookieStore注入到控制器中。通過$cookieStore的get和put方法進行讀和寫操作。
我們看一個完整的案例：
<!DOCTYPE html><html ng-app="cookiesMod"><head lang="en"> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.14/angular.js"></script> <script type="text/javascript" src="angular-1.3.0.14/angular-cookies.js"></script> <title>tutorial08</title></head><body ng-controller="CookiesController" ng-init="init()"><button ng-click="getInfo()">擷取Cookies資訊</button></body><script> var cookiesMod = angular.module("cookiesMod",['ngCookies']); cookiesMod.controller("CookiesController",function($scope,$log,$cookieStore){ $scope.init = function() { $log.info("init functionn"); $cookieStore.put("person",{name:"Rongbo_J",age:23}); } $scope.getInfo = function() { var person = $cookieStore.get("person") ; alert("name : " + person.name +" , "+ "age : " + person.age); } });</script></html>
在頁面載入時我們寫入Cookies資訊，cookie名為person，值為{name:"Rongbo_J",age:23}，點擊按鈕擷取cookie資訊並以對話方塊的形式彈出。
接下來看一下效果：
AngularJS源碼可點擊此處本站下載。
希望本文所述對大家AngularJS程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
