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:

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就好了。

关键字：angularjs, cookies, step, ngcookies

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！