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 客户端和服务器端的格式转换
Aug 27 Javascript
ie下$.getJSON出现问题的解决方法
Feb 12 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
Javascript动态创建div的方法
Feb 09 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
May 16 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
简单实现jQuery手风琴效果
Aug 18 jQuery
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
微信小程序实现图片选择并预览功能
Jul 25 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 08 Javascript
详解JavaScript原型与原型链
Nov 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
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
PHP5 安装方法
2006/10/09 PHP
php下的权限算法的实现
2007/04/28 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
使用js如何实现全选与全不选
2013/12/30 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
Webpack执行命令参数详解
2017/06/17 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
[00:43]2016完美“圣”典风云人物:单车宣传片
2016/12/02 DOTA
简单介绍Python中的decode()方法的使用
2015/05/18 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
css3动画效果抖动解决方法
2018/09/03 HTML / CSS
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
iframe在移动端的缩放的示例代码
2018/10/12 HTML / CSS
Boolean b = new Boolean(“abcde”); 会编译错误码
2013/11/27 面试题
财务会计专业求职信范文
2013/12/31 职场文书
校园餐饮创业计划书
2014/01/10 职场文书
服装店营销方案
2014/03/10 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
监护人证明
2015/06/19 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
go使用Gin框架利用阿里云实现短信验证码功能
2021/08/04 Golang
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript