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 相关文章推荐
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
学习Bootstrap组件之下拉菜单
Jul 28 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
javascript html5移动端轻松实现文件上传
Mar 27 Javascript
关于JavaScript 原型链的一点个人理解
Jul 31 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
May 01 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 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
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
PHP单链表的实现代码
2016/07/05 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
2007/08/15 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
JavaScript中的变量作用域介绍
2014/12/31 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
jquery+html仿翻页相册功能
2016/12/20 Javascript
javaScript嗅探执行神器-sniffer.js
2017/02/14 Javascript
javascript 组合按键事件监听实现代码
2017/02/21 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
使用Python的Scrapy框架编写web爬虫的简单示例
2015/04/17 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
Python登录并获取CSDN博客所有文章列表代码实例
2017/12/28 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
高中地理教学反思
2014/01/29 职场文书
公司合作意向书
2014/04/01 职场文书
先进事迹演讲稿
2014/09/01 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
银行大堂经理培训心得体会
2016/01/09 职场文书