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 相关文章推荐
使用javascipt---实现二分查找法
Apr 10 Javascript
js简单实现让文本框内容逐个字的显示出来
Oct 22 Javascript
JS检测输入字符是否包含非法字符的示例代码
Feb 11 Javascript
JavaScript新窗口与子窗口传值详解
Feb 11 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
JS自定义混合Mixin函数示例
Nov 26 Javascript
使用bootstrap插件实现模态框效果
May 10 Javascript
深入理解Vue nextTick 机制
Apr 28 Javascript
微信小程序之批量上传并压缩图片的实例代码
Jul 05 Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 Javascript
javascript实现左右缓动动画函数
Nov 25 Javascript
ajax请求前端跨域问题原因及解决方案
Oct 16 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编写大型网站问题集
2007/03/06 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
PHP插件PHPMailer发送邮件功能
2017/02/28 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
PHP Trait代码复用类与多继承实现方法详解
2019/06/17 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
vue项目打包上传github并制作预览链接(pages)
2019/04/19 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
Python中遍历列表的方法总结
2019/06/27 Python
python3实现elasticsearch批量更新数据
2019/12/03 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
巴西体育用品商店:Lojão dos Esportes
2018/07/21 全球购物
Carter’s OshKosh加拿大:购买婴幼儿服装和童装
2018/11/27 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
总经理驾驶员岗位职责
2013/12/04 职场文书
质检部经理岗位职责
2014/02/19 职场文书
市级文明单位申报材料
2014/05/07 职场文书
党委班子对照检查材料
2014/08/19 职场文书
中学生爱国演讲稿
2014/09/05 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
商务英语求职信范文
2015/03/19 职场文书
2015年司法局工作总结
2015/05/22 职场文书
岗位聘任协议书
2015/09/21 职场文书