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 相关文章推荐
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
jQuery mobile转换url地址及获取url中目录部分的方法
Dec 04 Javascript
详解Webwork中Action 调用的方法
Feb 02 Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
May 24 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
Nov 04 Javascript
Vue实现购物车基本功能
Nov 08 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
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
PHP实现微信红包金额拆分试玩的算法示例
2018/04/07 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
使用正则替换变量
2007/05/05 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
AngularJS应用开发思维之依赖注入3
2016/08/19 Javascript
AngularJS轻松实现双击排序的功能
2016/08/30 Javascript
Bootstrap栅格系统简单实现代码
2017/03/06 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
一步步教你利用Canvas对图片进行处理
2017/09/19 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
vue中如何去掉空格的方法实现
2018/11/09 Javascript
react组件基本用法示例小结
2020/04/27 Javascript
Python基本数据类型详细介绍
2014/03/11 Python
理解Python中的With语句
2015/02/02 Python
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
python实现爬山算法的思路详解
2019/04/09 Python
党员岗位承诺口号大全
2014/03/28 职场文书
三八妇女节活动总结
2014/05/04 职场文书
自主招生推荐信范文
2014/05/10 职场文书
最美乡村医生事迹材料
2014/06/02 职场文书
趣味运动会策划方案
2014/06/02 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js