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 相关文章推荐
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
解决html input验证只能输入数字,不能输入其他的问题
Jul 21 Javascript
实例详解JSON取值(key是中文或者数字)方式
Aug 24 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 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
Yii2 assets清除缓存的方法
2016/05/16 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
JSuggest自动匹配下拉框使用方法(示例代码)
2013/12/27 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
理解javascript中try...catch...finally
2015/12/25 Javascript
Angularjs注入拦截器实现Loading效果
2015/12/28 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
mui back 返回刷新页面的实例
2017/12/06 Javascript
使用 Node.js 开发资讯爬虫流程
2018/01/07 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
每周一练 之 数据结构与算法(Stack)
2019/04/16 Javascript
nodejs nedb 封装库与使用方法示例
2020/02/06 NodeJs
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
使用cx_freeze把python打包exe示例
2014/01/24 Python
Python 的 Socket 编程
2015/03/24 Python
Python 查看文件的编码格式方法
2017/12/21 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
解决Python列表字符不区分大小写的问题
2019/12/19 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
3.12植树节活动总结2014
2014/03/13 职场文书
学生安全责任书模板
2014/07/25 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
自主招生自荐信范文
2015/03/04 职场文书
清明节随笔
2015/08/15 职场文书