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-methods

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

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

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

$cookies-set

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

$cookies-get

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

$cookies-remove

2.$cookieStore

$cookieStore-methods

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

$cookieStore

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


wuweisen
1.1k 声望34 粉丝

前端


下一篇 »
JS 栈

引用和评论

0 条评论