Angular cookies cookieStore

AngularJS 提供了很好的$cookies和$cookieStore API 用于处理cookies。现在，让我们来看看如何在Angular中使用$cookies与$cookieStore。

Step 1 - 安装ngCookies，将其引入系统

我们可以用npm或bower安装ngCookies，贴上github地址
https://github.com/angular/bower-angular-cookies

安装完后，就可以直接引入我们的index.html:

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

Step 2 - 将ngCookies引入到angular模块中，注入控制器

angular.module('cookiesExample',['ngCookies'])
.controller('ExampleController',['$cookies','$cookieStore',function($cookies,$cookieStore) {
}]);

Step 3 - 使用$cookies与$cookieStore

经过Step 1-2 后，我们就可以愉快地使用$cookies与$cookieStore了。

注入到控制器后，我们可以通过浏览器控制器来看看它们提供了什么方法。

1.$cookies

显而易见，我们可以利用$cookies添加、查询、删除Cookies。
$cookies提供了put,putObject两个方法用来添加cookies。

$cookies.put('userName','wws');
$cookies.putObject('user',{'name': 'wws'});

我们可以通过浏览器的调试工具看一下结果

现在，cookies已经设置进去了，我们可以再利用$cookies提供的get方法来获取cookies。直接贴图

在某些情况下，我们需要手动清除cookies,这时，我们可以用$cookies提供的remove方法了。

2.$cookieStore

$cookieStore所提供的方法比$cookies少，调用的方式也是一样简单方便。

PS：若你的Ng版本是1.4.X,那就用$cookies就好了。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!