angular中使用ngCookies来操作cookie

1、描述

本地存储是一个非常重要的功能，在angular中，我们使用ngCookies来解决存储问题。

2、ngCookie的简单示例

第一步、引入angular-cookies

<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
    <script src="http://code.angularjs.org/1.2.9/angular-cookies.min.js"></script>

第二步、注入ngCookies

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

第三步、controller中的使用

app.controller('ctrl',["$cookies","$cookieStore","$scope",function ($cookies, $cookieStore, $scope) {
        $scope.value = '123';
        $cookies.name = 'autumnswind';
        $cookieStore.put('age',123);
        $scope.displayCookie = function () {
            console.log('当前cookie情况',$cookieStore,$cookies);
            $scope.value = $cookies.name;
        }
    }]);

3、api说明

$cookies是一个对象，就是你的存储的cookie对象。

$cookieStore也是一个对象，但是这个对象向你提供了三个操作cookie的接口，供我们使用。

这三个方法分别是：get、put、remove方法。

分别对应cookie操作的获取、设置、移除操作。

根据暴露的接口，我们一般可以这么使用cookie。

//设置cookie
$cookies.name = 'mapbar_front';
$cookieStore.put('name','mapbar_front');
//获取cookie
value name = $cookies.name;
value name = $cookieStore.get('name');
//移除cookie
$cookieStore.remove("name");
//设置过期日期
var time = new Date().getTime() + 5000;
$cookieStore.put("cookie", "Hello wsscat", {
   expires: time
});