AngularJs中$cookies简单用法分析

本文实例讲述了AngularJs中$cookies简单用法。分享给大家供大家参考，具体如下：

首先导入angular-cookies.js

在App 中require模块ngCookies：

angular.module("app",['ngCookies']);

使用格式：$cookies.变量名 = 变量值

不能使用：

$cookies.变量名 = {
变量名1： 变量值，
变量名2： 变量名，
.............
}

因为这样使用：$cookies.变量名.变量名1的方式就不被识别

cookies存储少量数据

cookieStore采用key-value(String-object)方式存储数据,

put,get,remove分别用于存数据，取数据，移除数据

angular.module('cookieStoreExample', ['ngCookies'])
 .controller('ExampleController', ['$cookieStore', Function($cookieStore) {
  // Put cookie
  $cookieStore.put('myFavorite','oatmeal');
  // Get cookie
  var favoriteCookie = $cookieStore.get('myFavorite');
  // Removing a cookie
  $cookieStore.remove('myFavorite');
 }]);

可以以对象的形式存储

$cookieStore.put("user",{id: "id",name: "name"});

希望本文所述对大家AngularJS程序设计有所帮助。

赞 (0)

相关推荐

  • 详解Angular操作cookies方法

    本文介绍了Angular操作cookies方法,分享给大家,具体如下: var setCookie = function(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.

  • Angularjs cookie 操作实例详解

    Angularjs cookie 操作实例详解

    摘要 现在很多app采用内嵌h5的方式进行开发,有些数据会存在webveiw的cookie中,那么如果使用angularjs开发单页应用,就需要用到angularjs的cookie操作.这里提供一个简单的学习demo.方便快速上手. 一个例子 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ng-app="myapp"> <head> <meta http

  • Angularjs之如何在跨域请求中传输Cookie的方法

    一般情况我们在使用WebApi之类的技术时,都会遇到跨域的问题,这个只需要在服务端做一下处理即可. 如果这些GET或POST请求不需要传递Cookie数据的话,就没什么问题了,但如果需要,那么会发现 虽然已经处理了跨域请求的问题,但后台始终无法获取到Cookie. 跨域传输Cookie是需要后台和前台同时做相关处理才能解决的. 就好比一个握手会话,前台先表示,我的跨域请求是带有Cookie的:请求到了服务端,服务端表示可以接收跨域Cookie,成交(开始重新带着Cookie发起请求) 后台代码

  • AngularJS入门教程之Cookies读写操作示例

    AngularJS入门教程之Cookies读写操作示例

    本文实例讲述了AngularJS的Cookies读写操作.分享给大家供大家参考,具体如下: 虽然使用JavaScript创建和获取Cookie很简单,AngularJS还是把它作为一个单独的模块进行了封装,模块名为ngCookies,和前面的教程中做法一样,先引入angular-cookies.js: <script type="text/javascript" src="angular-1.3.0.14/angular-cookies.js"><

  • Angular.js与node.js项目里用cookie校验账户登录详解

    Angular.js与node.js项目里用cookie校验账户登录详解

    前言 最近的新项目中,用户登录需要采用cookie来记住用户,校验身份.所以本文就把实现的过程总结出来分享给大家,需要的朋友们可以参考学习. 在header中携带authId登录 在之前老的项目里,没有采用cookie来记录用户登录状态,而是在请求的header中携带一个身份标识来校验,大致方案如下: 客户端使用post请求提交user.password给服务端进行登录操作: 服务端校验用户是否合法,如果合法将产生一个唯一的身份标识authId,返回给客户端,客户端将此authId存放本地(如l

  • Angular ng-animate和ng-cookies用法详解

    Angular ng-animate和ng-cookies用法详解

    ng-animate 本文讲一下Angular中动画应用的部分. 首先,Angular本生不提供动画机制,需要在项目中加入Angular插件模块ngAnimate才能完成Angular的动画机制,Angular也不提供具体的动画样式,所以说,它的自由度和可定制性挺大的. 那么,刚开始需要在项目的入口html文件中引入Angular框架(angular.js),然后引入angular.animate.js. 在项目的js入口文件app.js中,新建项目模块,并且添加所依赖的模块ng-Animate

  • angular中的cookie读写方法

    AngularJS中对cookie的操作封装了一个单独的模块,模块名为ngCookies,若想使用需在页面中先引入angular-cookies.js: <script src="js/angular.min.js"></script> <script src="js/angular-cookies.js"></script> 然后將ngCookies模块注入到我们自定义的模块的依赖模块中: var app = ang

  • AngularJs中$cookies简单用法分析

    本文实例讲述了AngularJs中$cookies简单用法.分享给大家供大家参考,具体如下: 首先导入angular-cookies.js 在App 中require模块ngCookies: angular.module("app",['ngCookies']); 使用格式:$cookies.变量名 = 变量值 不能使用: $cookies.变量名 = { 变量名1: 变量值, 变量名2: 变量名, ............. } 因为这样使用:$cookies.变量名.变量名1的方式

  • AngularJS ng-template寄宿方式用法分析

    本文实例讲述了AngularJS ng-template寄宿方式用法.分享给大家供大家参考,具体如下: 如果你是一个angular的开发者的话,对于ng-html2js你应该 很熟悉.对于angular的指令,我们经常需要定义模板( directive template/templateUrl),你可以选择讲html page 放在真正的的web容器中寄宿,也可以选择angular的ng-template 放在view的page之上,抑或也可以讲html打成一个js文件和directive 的j

  • Python迭代器定义与简单用法分析

    本文实例讲述了Python迭代器定义与简单用法.分享给大家供大家参考,具体如下: 一.什么是迭代器 迭代,顾名思义就是重复做一些事很多次(就现在循环中做的那样).迭代器是实现了__next__()方法的对象(这个方法在调用时不需要任何参数),它是访问可迭代序列的一种方式,通常其从序列的第一个元素开始访问,直到所有的元素都被访问才结束. [注意]:迭代器只能前进不能后退 [迭代器的优点]: 使用迭代器不要求事先准备好整个迭代过程中的所有元素.迭代器仅仅在迭代到某个元素时才计算该元素,而在这之前或之

  • PHP中opcode缓存简单用法分析

    本文实例讲述了PHP中opcode缓存简单用法.分享给大家供大家参考,具体如下: 1.什么是opcode 解释器分析代码之后,生成可以直接运行的中间代码,就称做操作码,opcode 2.解释器与编译器的区别 解释器是生成了中间代码后直接运行中间代码,运行时的控制权还是在解释器手里. 编译器则是生成了中间代码之后还进一步优化代码,生成可以直接运行的目标程序 ,但不执行,等待用户触发执行,他的控制权在目标程序,和编译器无关. 3.php是解释型语言,他的原理与编译有点相似,包括词法分析,语法分析,语

  • AngularJS中的promise用法分析

    本文实例讲述了AngularJS中的promise用法.分享给大家供大家参考,具体如下: JavaScript异步回调有好处也有坏处,回调函数大量嵌套十分复杂．所以javascript中还有另一种异步处理模式叫promises．在AngularJS中的实现就是$q服务． 下面是一些小例子． then,catch,finally 在链最后的 catch 为整个链式处理提供一个异常处理点 在链最后的 finally 总是会被执行,不管 promise 被处理或者被拒绝,起清理作用 <!DOCTYPE

  • PHP命名空间namespace及use的简单用法分析

    本文实例讲述了PHP命名空间namespace及use的简单用法.分享给大家供大家参考,具体如下: 最近一段时间在研究php框架,一直想的什么时候才能开发出自己的框架,当然这是为了提升自己的编程水平,同时能把平时学的零散的东西糅合在一块熟练应用.但是开发一个框架根本不知道如何做起,先开发什么,虽然php的框架也不少,但是都是如何应用,没有文档和视频可以学习,这是让我特别郁闷的事情,相信不少想自己开发框架玩的小伙伴都有类似的感受,郁闷归郁闷,自己还是动手做了,做的时候困难和想象的一样难,从一开始就

  • Yii框架函数简单用法分析

    本文实例讲述了Yii框架函数简单用法.分享给大家供大家参考,具体如下: 1.redict return $this->redirect(['login']); redict其实是对于以下的封装  等同于 $response=Yii::app->response(); $response->headers->add('location','www.baidu.com'); 2.save 第一个参数是执行验证,第二个参数是指的那个字段(空的话 就保存全部) 如果是一个两个的话  必须知

  • Thinkphp5.0 框架Model模型简单用法分析

    本文实例讲述了Thinkphp5.0 框架Model模型简单用法.分享给大家供大家参考,具体如下: 新建user模型User.php: <?php namespace app\index\model; use think\Model; class User extends Model{ } 控制器代码: //方式一,使用User模型, $res = \app\index\model\User::get(1); $data = $res->toArray(); dump($data); //方式

  • CI框架网页缓存简单用法分析

    本文实例讲述了CI框架网页缓存简单用法.分享给大家供大家参考,具体如下: CodeIgniter 可以让你通过缓存页面来达到更好的性能. 尽管 CodeIgniter 已经相当高效了,但是网页中的动态内容.主机的内存 CPU 和数据库读取速度等因素直接影响了网页的加载速度. 依靠网页缓存, 你的网页可以达到近乎静态网页的加载速度,因为程序的输出结果 已经保存下来了. 缓存是如何工作的? 可以针对到每个独立的页面进行缓存,并且你可以设置每个页面缓存的更新时间. 当页面第一次加载时,缓存将被写入到

  • Node.js console控制台简单用法分析

    本文实例讲述了Node.js console控制台简单用法.分享给大家供大家参考,具体如下: 在Node.js官方文档 https://nodejs.org/api/console.html 中描述了控制台的所有API方法. Class: Console  - new Console(stdout[, stderr])  - console.assert(value[, message][, ...])  - console.dir(obj[, options])  - console.erro

随机推荐