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 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
javascript字符串拼接的效率问题
Dec 25 Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
JS获取复选框的值,并传递到后台的实现方法
May 30 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
Aug 11 Javascript
JS继承实现方法及优缺点详解
Sep 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
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
浅谈PHP正则中的捕获组与非捕获组
2016/07/18 PHP
PDO的安全处理与事物处理方法
2016/10/31 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
DB.ASP 用Javascript写ASP很灵活很好用很easy
2011/07/31 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
2015/08/21 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
信息滚动效果的实例讲解
2017/09/18 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
2017/09/26 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
python笔记(1) 关于我们应不应该继续学习python
2012/10/24 Python
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
python bluetooth蓝牙信息获取蓝牙设备类型的方法
2019/11/29 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
2014的自我评价
2014/01/13 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
2016中考冲刺决心书
2015/09/22 职场文书