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 array 数组详解
Mar 22 Javascript
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
怎么引入(调用)一个JS文件
May 26 Javascript
AngularJS表单详解及示例代码
Aug 17 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
seajs中最常用的7个功能、配置示例
Oct 10 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 Javascript
原型和原型链 prototype和proto的区别详情
Nov 02 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
CURL状态码列表(详细)
2013/06/27 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
php去掉文件前几行的方法
2015/07/29 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
2015/12/28 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
JS实现页面内跳转的简单代码
2017/09/03 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
详解Django框架中的视图级缓存
2015/07/23 Python
解决Python3 抓取微信账单信息问题
2019/07/19 Python
Django的性能优化实现解析
2019/07/30 Python
python实现的发邮件功能示例
2019/09/11 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
彪马加拿大官网:PUMA加拿大
2018/10/04 全球购物
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
关于运动会的稿件
2014/02/02 职场文书
优秀应届生求职信
2014/06/16 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
出租车拒载检讨书
2015/01/28 职场文书
elementui的el-popover修改样式不生效的解决
2021/06/30 Javascript
磁贴还没死, 微软Win11可修改注册表找回Win10开始菜单
2021/11/21 数码科技
golang语言指针操作
2022/04/14 Golang