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特效 幻灯片效果示例代码
Jul 16 Javascript
Js 去掉字符串中的空格(实现代码)
Nov 19 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
详解Angular 自定义结构指令
Jun 21 Javascript
结合mint-ui移动端下拉加载实践方法总结
Nov 08 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
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版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法
2016/10/12 PHP
PHP 验证身份证是否合法的函数
2017/02/09 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
appendChild() 或 insertBefore()使用与区别介绍
2013/10/11 Javascript
js的2种继承方式详解
2014/03/04 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
jQuery操作动画完整实例分析
2020/01/10 jQuery
Vue 组件的挂载与父子组件的传值实例
2020/09/02 Javascript
用Python编写一个简单的Lisp解释器的教程
2015/04/03 Python
python多进程中的内存复制(实例讲解)
2018/01/05 Python
基于python实现文件加密功能
2020/01/06 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
Java提供了哪些企业应用编程接口
2015/02/13 面试题
外企财务年会演讲稿
2014/01/03 职场文书
写给保洁员表扬信
2014/01/08 职场文书
师范学院教师自荐书
2014/01/31 职场文书
消防安全宣传标语
2014/06/07 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
授权委托书公证
2014/09/14 职场文书
销售员试用期自我评价
2014/09/15 职场文书
2014年旅游局法制宣传日活动总结
2014/11/01 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python
Python实战之OpenCV实现猫脸检测
2021/06/26 Python