AngularJS Cookies Example

痛定思痛。 2022-08-07 06:37 18阅读 0赞

# AngularJS Cookies Example #

AngularJS 提供了很好的 [$cookie][cookie] 和 [$cookieStore][cookieStore] API 用来处理 cookies 。   
这两个服务都能够很好的发挥HTML5 cookies，当HTML5 API可用时浏览器会选择使用HTML5提供的API，如果不可用则默认选择document.cookies。无论那种方式，你都可以选择使用相同的API来进行工作。

## Step 1 - include cookies module ##

第一步加载JS文件，并且依赖 cookie module

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

创建 angular module

var DemoApp = angular.module( 'DemoApp', ['ngCookies'] ).config( demoConfig );

## Step 2 - Inject into controller ##

将cookie module 注入到 controller 中

DemoApp.controller('DemoController', function($cookieStore, $scope, $location, $routeParams, $http , $timeout ){ .. body here .. })

## Step 3 - Using the $cookieStore ##

现在可以使用 ‘put’ 、 ‘get’ 、‘remove’ 方法操作 cookie , $cookieStore 可以直接存储对象到cookie中，它会使用angularjs 的 toJson/fromJson 自动序列化和反序列化

$cookieStore.put("name","my name");
    $cookieStore.get("name") == "my name";
    $cookieStore.remove("name");
    
    $cookieStore.put("persion", {
                name: "my name",
                age: 18
    });
    
    scope.person = $cookieStore.get("persion");

## Step 4 - Using the $cookie ##

DemoApp.controller('DemoController', function ($cookies, $scope) {
            $cookies.myFavorite = 'oatmeal haha';
    })

``

[cookie]: http://docs.angularjs.org/api/ngCookies/service/$cookies
[cookieStore]: http://docs.angularjs.org/api/ngCookies/service/$cookieStore

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 Microsoft Example

https://github.com/microsoft][https_github.com_microsoft] Driver: [https://github.co...

心已赠人/ 2024年04月18日 11:43/ 0 赞/ 82 阅读

相关 AngularJs轻松入门（八）Cookies读写

虽然使用JavaScript创建和获取Cookie很简单，AngularJs还是把它作为一个单独的模块进行了封装，模块名为ngCookies，和前面的教程中做法一样，先引入an

傷城~/ 2022年08月08日 05:15/ 0 赞/ 20 阅读

相关 AngularJS Cookies Example

AngularJS Cookies Example AngularJS 提供了很好的 [$cookie][cookie] 和 [$cookieStore][cookieS

痛定思痛。/ 2022年08月07日 06:37/ 0 赞/ 19 阅读

相关 Spring MVC Cookie example

[http://viralpatel.net/blogs/spring-mvc-cookie-example/][http_viralpatel.net_blogs_sprin

缺乏、安全感/ 2022年06月13日 00:26/ 0 赞/ 99 阅读

相关 Servlet JSP Tutorial -- 1.6 Java Servlet Cookies Example

欢迎阅读 Java Servlet Cookie Example。Cookie 在 Web 客户端 - 服务器通信中被广泛使用，这不是 Java 特有的。 Cookie 的一

秒速五厘米/ 2022年06月02日 09:40/ 0 赞/ 250 阅读

相关 AngularJS------认识AngularJS

之前在C\中也经常使用MVC开发模式，对其的使用有一定的了解，但是现在需要学习AngularJS，这是纯前台的JS代码，那么为什么需要学习这个呢，就是想将验证这里全部在前台执行

拼搏现实的明天。/ 2022年05月31日 06:42/ 0 赞/ 279 阅读

相关 AngularJS4 如何设置Cookie

毕业设计准备做一个社区网站，客户端准备使用AngularJS4。首先是安装以及对于angularJS4进行了解，之前虽然使用angular1，但是1和4的差别太大，如同新学

梦里梦外;/ 2022年05月30日 04:06/ 0 赞/ 201 阅读

相关 angularjs携带cookie跨域请求

B.com下的前端跨域访问A.com下的服务: 客户端: return $http.get('http://A.com:8070/micro/sql/run/'+i

雨点打透心脏的1/2处/ 2022年05月18日 08:37/ 0 赞/ 236 阅读

相关 AngularJS -AngularJS特性

转载博客：[https://www.cnblogs.com/stephenykk/p/3817063.html][https_www.cnblogs.com_stephenyk

本是古典何须时尚/ 2022年05月17日 13:23/ 0 赞/ 230 阅读

相关 Crypto-Example

[https://github.com/shanet/Crypto-Example][https_github.com_shanet_Crypto-Example] [ht

深藏阁楼爱情的钟/ 2022年02月28日 10:58/ 0 赞/ 208 阅读