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 相关文章推荐
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
javascript date格式化示例
Sep 25 Javascript
JS实现鼠标单击与双击事件共存
Mar 08 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
JavaScript中日期函数的相关操作知识
Aug 03 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
Oct 23 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
解决vue 绑定对象内点击事件失效问题
Sep 05 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
Vue如何获取数据列表展示
Dec 11 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
php一些公用函数的集合
2008/03/27 PHP
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
2016/02/03 PHP
JavaScript 面向对象之命名空间
2010/05/04 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
nodejs命令行参数处理模块commander使用实例
2014/09/17 NodeJs
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
jQuery实现textarea自动增长宽高的方法
2015/12/18 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
Vue 实例事件简单示例
2019/09/19 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python 中的列表解析和生成表达式
2011/03/10 Python
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
浅谈python中的__init__、__new__和__call__方法
2017/07/18 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
python 搜索大文件的实例代码
2019/07/08 Python
Python 函数用法简单示例【定义、参数、返回值、函数嵌套】
2019/09/20 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
使用canvas来完成线性渐变和径向渐变的功能的方法示例
2019/07/25 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
网络安全类面试题
2015/08/01 面试题
中国梦读书活动总结
2014/07/10 职场文书
校车安全责任书
2014/08/25 职场文书
Jsonp劫持学习
2021/04/01 PHP
Python Numpy之linspace用法说明
2021/04/17 Python