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 相关文章推荐
img标签中onerror用法
Aug 13 Javascript
IE8 中使用加速器(Activities)
May 14 Javascript
JavaScript的Module模式编程深入分析
Aug 13 Javascript
js实现数字每三位加逗号的方法
Feb 05 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
Node.js 实现简单的接口服务器的实例代码
May 23 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
May 09 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
详解vue中$nextTick和$forceUpdate的用法
Dec 11 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
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学习之PHP表达式
2006/10/09 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
AngularJS 应用身份认证的技巧总结
2016/11/07 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
详解如何运行vue项目
2019/04/15 Javascript
详解如何使用router-link对象方式传递参数?
2019/05/02 Javascript
JS实现碰撞检测效果
2020/03/12 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
JavaScript实现简单计算器
2020/03/19 Javascript
vue中template的三种写法示例
2020/10/21 Javascript
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
python查找第k小元素代码分享
2013/12/18 Python
Python开发的单词频率统计工具wordsworth使用方法
2014/06/25 Python
python 读取DICOM头文件的实例
2018/05/07 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
pandas中read_csv的缺失值处理方式
2019/12/19 Python
python中操作文件的模块的方法总结
2021/02/04 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
新西兰优惠网站:Treat Me
2019/07/04 全球购物
中英文自我评价语句
2013/12/20 职场文书
致跳远运动员广播稿
2014/02/11 职场文书
对孩子的寄语
2014/04/09 职场文书
2015年电信员工工作总结
2015/05/26 职场文书