AngularJs中$cookies简单用法分析


Posted in Javascript onMay 30, 2019

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 Javascript
Javascript无阻塞加载具体方式
Jun 28 Javascript
js动态生成指定行数的表格
Jul 11 Javascript
JavaScript中的DSL元编程介绍
Mar 15 Javascript
JavaScript分页功能的实现方法
Apr 25 Javascript
jQuery实现图片左右滚动特效
Apr 20 Javascript
jquery mobile开发常见问题分析
Jan 21 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
vue.js 初体验之Chrome 插件开发实录
May 13 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 Javascript
JS使用new操作符创建对象的方法分析
May 30 #Javascript
vue滚动固定顶部及修改样式的实例代码
May 30 #Javascript
简述pm2常用命令集合及配置文件说明
May 30 #Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 #Javascript
浅谈Vue的响应式原理
May 30 #Javascript
vue实现固定位置显示功能
May 30 #Javascript
搭建一个Koa后端项目脚手架的方法步骤
May 30 #Javascript
You might like
使用PHP函数scandir排除特定目录
2014/06/12 PHP
为你总结一些php系统类函数
2015/10/21 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
显示、隐藏密码
2006/07/01 Javascript
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
读jQuery之五(取DOM元素)
2011/06/20 Javascript
JS来动态的修改url实现对url的增删查改
2014/09/05 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
js实时获取并显示当前时间的方法
2015/07/31 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
js实现时间日期校验
2020/05/26 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
python简单实现计算过期时间的方法
2015/06/09 Python
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
学习python可以干什么
2019/02/26 Python
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
护理专业毕业生推荐信
2013/10/31 职场文书
人力资源管理专业学生自我评价
2013/11/20 职场文书
装修协议书范本
2014/04/21 职场文书
公司委托书格式范本
2014/09/16 职场文书
前台岗位职责
2015/02/13 职场文书
联村联户简报
2015/07/21 职场文书
幼儿园安全教育随笔
2015/08/14 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
Canvas绘制像素风图片的示例代码
2021/09/25 HTML / CSS
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers