Angular中$cacheFactory的作用和用法实例详解


Posted in Javascript onAugust 19, 2016

先说下缓存:

一个缓存就是一个组件,它可以透明地储存数据,以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复,消耗时间。因此缓存适用于变化性不大的一些数据,缓存能够服务的请求越多,整体系统性能就能提升越多。

$cacheFactory介绍:

$cacheFactory是一个为Angular服务生产缓存对象的服务。要创建一个缓存对象,可以使用$cacheFactory通过一个ID和capacity。其中,ID是一个缓存对象的名称,capacity则是描述缓存键值对的最大数量。

1、Angular中的$cacheFactory的作用:

用于生成一个用来存储缓存对象的服务,并且提供对对象的访问。

2、Angular中的$cacheFactory的方法:

(1)put(key,value);

在缓存对象中插入一个键值对(key,value)。

(2)get(key);

在缓存对象中通过指定key获取对应的值。

(3)romove(key);

在缓存对象中通过指定key删除对应的值。

(4)removeAll();

删除缓存对象中所有的键值对。

(5)destroy();

销毁这个缓存对象。

(6)info();

获取缓存对象信息(id,size)。

注意:key:string类型,缓存对象中的值名称。

value:所有类型,缓存对象中的值。

3、Angular中的$cacheFactory的用法:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>Cache例子</title> 
<script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script> 
</head> 
<body ng-app="app"> 
<div ng-controller="myCtrl1" ></div> 
<div ng-controller="myCtrl2" ></div> 
<div></div> 
<script type="text/javascript"> 
var app=angular.module("app",[]); 
app.controller('myCtrl1',['$scope','$cacheFactory',function($scope,$cacheFactory){ 
var cache = $cacheFactory('cache01'); 
cache.put('name','张三'); 
cache.put('age',18); 
var info = cache.info(); 
console.log(info); 
}]); 
app.controller('myCtrl2',['$scope','$cacheFactory',function($scope,$cacheFactory){ 
var cache = $cacheFactory.get('cache01'); 
var name = cache.get('name'); 
console.log(name); 
}]); 
</script>

结果:

Angular中$cacheFactory的作用和用法实例详解

以上所述是小编给大家介绍的Angular中$cacheFactory的作用和用法实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于JQuery的简单实现折叠菜单代码
Sep 15 Javascript
jquery随意添加移除html的实现代码
Jun 21 Javascript
javascript分页代码实例分享(js分页)
Dec 13 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
Feb 10 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
JavaScript阻止表单提交方法(附代码)
Aug 15 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
js实现扫雷源代码
Nov 27 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
Feb 05 Javascript
AngularJS入门教程之更多模板详解
Aug 19 #Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 #Javascript
JS获取当前页面名称的简单实例
Aug 19 #Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 #Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 #Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 #Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 #Javascript
You might like
详细介绍PHP应用提速面面观
2006/10/09 PHP
解析thinkphp中的导入文件标签
2013/06/20 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
CI框架(CodeIgniter)公共模型类定义与用法示例
2017/08/10 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
javascript String 的扩展方法集合
2008/06/01 Javascript
用js小类库获取浏览器的高度和宽度信息
2012/01/15 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
uploadify多文件上传参数设置技巧
2015/11/16 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
基于jQuery实现滚动刷新效果
2017/01/09 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
2019/11/06 Javascript
使用django-guardian实现django-admin的行级权限控制的方法
2018/10/30 Python
关于python3中setup.py小概念解析
2019/08/22 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
python 操作excel表格的方法
2020/12/05 Python
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
介绍一下游标
2012/01/10 面试题
什么是.net的Remoting技术
2016/07/08 面试题
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
单位委托书格式范本
2014/09/29 职场文书
先进个人申报材料
2014/12/30 职场文书
刑事撤诉申请书
2015/05/18 职场文书
酒店温馨提示语
2015/07/14 职场文书
军训通讯稿范文
2015/07/18 职场文书