zoukankan      html  css  js  c++  java
  • [转]AngularJS Cookies Example

    AngularJS Cookies Example

    AngularJS 提供了很好的 $cookie 和 $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';
    })  
    

    Step 5 Demo Code

  • 相关阅读:
    桌面工具集
    运维工具集
    使用Maven插件构建Spring Boot应用程序Docker镜像
    解决Ubuntu 17.10设置面板打不开的问题
    防止Web表单重复提交的方法总结
    深入浅出mybatis之启动详解
    yum方式安装mysql
    在Java中调用Python
    UUID在Java中的实现与应用
    VM克隆后找不到eth0的问题解决
  • 原文地址:https://www.cnblogs.com/bluewhale84/p/4253357.html
Copyright © 2011-2022 走看看