相信接觸過網頁編程的基本上都知道cookie這個東西吧，一個毫不起眼，但是又十分的重要的東西，今天我們就來分析一下這個小東西，我們都知道客服端通過發送http請求到服務器請求我們的數據，當我們的服務器接收到這個響應之后，經過處理之后會給出相應的響應，也就是傳送回來我們需要的數據。但是如果我們關閉了頁面之后再一次打開發送相應的請求會有什么情況發生呢？是否會快一點？沒錯，那就是cookie的作用。
在舉一個列子，比如A頁面里面有你的id，姓名，密碼等信息，然后你通過A頁面跳轉到B頁面，為什么我們的B頁面同樣會出現我們的一些信息呢？當然這些信息我么是看不見的，但是這些信息又卻是存在的，那也是我們的cookie的作用，在頁面之間的跳轉的時候，頁面之間必須的信息就會存放在cookie之中，這個時候的cookie就像是一個中間件的作用，了解node-js的就知道，里面為我們提供了許多的中間件，這個省去不講。當頁面發生跳轉的時候，即將跳轉的頁面就會自動獲取cookie中的值，在這里我們回憶一下，主要的保存用戶信息的小件有后台的session，還有很古老的input框，還有一個就是這里講述的cookie了。
下面我將就angular里面cookie做一個簡單的講解，下面是一個完整的頁面，當然我們的angular的js文件需要我們單獨引入。
<!DOCTYPE html> <html ng-app="cookiemod">---------------總的控制器作用 <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/angular1.2.3.js"></script>--------------------這個是使用angular必須使用的文件 <script src="js/angular-cookies.js"></script>--------------專門的cookie js文件，在這里還提供了很多的模塊文件，需要的話可以去github進行下載。 <script > var ckmod = angular.module('cookiemod',['ngCookies']);--------中括號里面就是我們需要依賴的模塊，前面也是一樣的進行代碼的模塊化 ckmod.controller('showCookie',['$scope','$cookieStore', function ($scope,$cookieStore) { $scope.setCookieinfo= function () { $cookieStore.put('name','lanveer');-----------》設置一個cookie值 } $scope.getCookieinfo= function () { var favoriteCookie = $cookieStore.get('name');--------------》得到這個設置的cookie值 console.log(favoriteCookie); } $scope.removeCookieinfo= function () { $cookieStore.remove('name');----------------------》和之前的操作差不多，在這里是移除這個cookie值 } }]); </script> </head> <body> <div ng-controller="showCookie"> <button ng-click="setCookieinfo()">設置</button> <button ng-click="getCookieinfo()">獲得</button> <button ng-click="removeCookieinfo()">刪除</button> </div> </body> </html>
以上就是我們一個angular李賣弄簡單cookie的應用，具體的功能在后面的學習中再進行總結。