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中:first选择器用法实例
Dec 30 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 Javascript
js实现网页抽奖实例
Aug 05 Javascript
纯CSS3代码实现滑动开关效果
Aug 19 Javascript
微信小程序的日期选择器的实例详解
Sep 29 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
微信小程序实现的日期午别医生排班表功能示例
Jan 09 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
VUE安装使用教程详解
Jun 03 Javascript
jquery.pager.js分页实现详解
Jul 29 jQuery
js 函数性能比较方法
Aug 24 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
中英文字符串翻转函数
2008/12/09 PHP
解析php file_exists无效的解决办法
2013/06/26 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
2013/12/19 Javascript
JavaScript实现多个重叠层点击切换效果的方法
2015/04/24 Javascript
浅谈Javascript的静态属性和原型属性
2015/05/07 Javascript
理解JavaScript的变量的入门教程
2015/07/07 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
详解Node.js串行化流程控制
2017/05/04 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
2018/10/18 Javascript
Vue源码探究之虚拟节点的实现
2019/04/17 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
python3实现ftp服务功能(客户端)
2017/03/24 Python
Python set常用操作函数集锦
2017/11/15 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
Ever New美国:澳大利亚领先的女装时尚品牌
2019/11/28 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
酒店值班经理的工作职责范本
2014/02/18 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python
Apache自带的ab压力测试工具的实现
2022/07/23 Servers