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就好了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。