AngularJS cookie的使用

Javascript使用document.cookie接口来处理简单的文本cookie，但现在大多数现代浏览器都可以使用html5 API了(sessionstorage和localstorage)，很显然document.cookie已经不适用了。

AngularJS 提供了很好的 $cookie 和 $cookieStore API 用来处理 cookies 。
这两个服务都能够很好的发挥HTML5 cookies，当HTML5 API可用时浏览器会选择使用HTML5提供的API，如果不可用则默认选择document.cookies。无论那种方式，你都可以选择使用相同的API来进行工作。

加载JS文件，并且依赖 cookie module

<script src="./angular.min.js"></script>
<script src="./angular-cookies.min.js"></script>

创建 angular module

var DemoApp = angular.module( 'DemoApp', ['ngCookies'] );

将cookie module 注入到 controller 中

app.controller("myTest",['$scope','$cookieStore',function($scope,$cookieStore){
    $cookieStore.put("name","test");
    $cookieStore.get("name") == "test";
    $cookieStore.remove("name");
    $cookieStore.put("persion", {
        name: "my name",
        age:
    });
    $scope.person = $cookieStore.get("persion");
    console.log($scope.person);
}])

可以使用 ‘put’ 、 ‘get’ 、‘remove’ 方法操作 cookie , $cookieStore 可以直接存储对象到cookie中，它会使用angularjs 的 toJson/fromJson 自动序列化和反序列化

cookie的时间是可以自己设置的，通过$cookiesProvider设置一些选项

angular.module('MyApp', ['ngCookies'])
    .config(function ($cookiesProvider){　　　　 var date = new Date();    　　        date.setDate(date.getDate() + 1);
    　　 var expires = date;
    　　 console.log(expires);
    　　 $cookiesProvider.expires = expires;
　　}

); 

也可以在每个操作中单独设置：

angular.module('cookiesExample', ['ngCookies'])
.controller('ExampleController', ['$cookies', function($cookies) {
  // Find tomorrow's date.
  var expireDate = new Date();
  expireDate.setDate(expireDate.getDate() + );
  // Setting a cookie
  $cookies.put('myFavorite', 'oatmeal', {'expires': expireDate});
}]);