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');//获取cookievalue 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});