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 相关文章推荐
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
May 06 Javascript
jQuery与其它库冲突的解决方法
Jun 25 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
javascript的事件触发器介绍的实现
Jun 05 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
JavaScript获取当前网页标题(title)的方法
Apr 03 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
Layer弹出层动态获取数据的方法
Aug 20 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
文件系统基本操作类
2006/11/23 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
php字符串函数学习之substr()
2015/03/27 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
js 模拟气泡屏保效果代码
2010/07/10 Javascript
javascript拓展DOM操作 prependChild insertAfert
2010/11/17 Javascript
JQuery模板插件 jquery.tmpl 动态ajax扩展
2011/11/10 Javascript
解析页面加载与js函数的执行 onload or ready
2013/12/12 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
vue 文件目录结构详解
2017/11/24 Javascript
详解VUE 数组更新
2017/12/16 Javascript
nodejs 使用nodejs-websocket模块实现点对点实时通讯
2018/11/28 NodeJs
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
2020/09/16 Javascript
K-近邻算法的python实现代码分享
2017/12/09 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
浅析PEP570新语法: 只接受位置参数
2019/10/15 Python
python实现程序重启和系统重启方式
2020/04/16 Python
python函数调用,循环,列表复制实例
2020/05/03 Python
Python 分布式缓存之Reids数据类型操作详解
2020/06/24 Python
Django搭建项目实战与避坑细节详解
2020/12/06 Python
HTML5新特性 多线程(Worker SharedWorker)
2017/04/24 HTML / CSS
教师批评与自我批评范文
2014/10/15 职场文书