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实现背景墙聚光灯效果示例分享
Mar 02 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
Dec 10 Javascript
详解JavaScript中localStorage使用要点
Jan 13 Javascript
老生常谈onBlur事件与onfocus事件(js)
Jul 09 Javascript
canvas实现图像截取功能
Feb 06 Javascript
Node.js 使用命令行工具检查更新
Jun 08 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
JavaScript实现异步图像上传功能
Jul 12 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 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
强烈声明: 不要使用(include/require)_once
2013/06/06 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
js 数组克隆方法 小结
2010/03/20 Javascript
jQuery 自动增长的文本输入框实现代码
2010/04/02 Javascript
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
2014/04/29 Javascript
javascript闭包入门示例
2014/04/30 Javascript
使用javascript实现监控视频播放并打印日志
2015/01/05 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
通过vue手动封装on、emit、off的代码详解
2019/05/29 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
基于redis的小程序登录实现方法流程分析
2020/05/25 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
对python中UDP,socket的使用详解
2019/08/22 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
浅析python 通⽤爬⾍和聚焦爬⾍
2020/09/28 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
推广普通话演讲稿
2014/05/23 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
学雷锋活动简报
2015/07/20 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers