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 相关文章推荐
给Javascript数组插入一条记录的代码
Aug 30 Javascript
JavaScript toFixed() 方法
Apr 15 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
Jul 09 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
微信JSSDK上传图片
Aug 23 Javascript
必备的JS调试技巧汇总
Jul 20 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
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
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
Highcharts使用简例及异步动态读取数据
2015/12/30 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
javascript判断回文数详解及实现代码
2017/02/03 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
JS实现图片旋转动画效果封装与使用示例
2018/07/09 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
Vuex的基本概念、项目搭建以及入坑点
2018/11/04 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
微信小程序引入VANT组件的方法步骤
2019/09/19 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
jQuery 选择方法及$(this)用法实例分析
2020/05/19 jQuery
小程序表单认证布局及验证详解
2020/06/19 Javascript
python实现ftp客户端示例分享
2014/02/17 Python
python正则中最短匹配实现代码
2018/01/16 Python
python实现任意位置文件分割的实例
2018/12/14 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
html5 canvas手势解锁源码分享
2020/01/07 HTML / CSS
详解HTML5常用的语义化标签
2019/09/27 HTML / CSS
eDreams巴西:廉价机票,酒店优惠和度假套餐
2017/04/14 全球购物
秋季运动会表扬稿
2014/01/16 职场文书
美术课外活动总结
2014/07/08 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
python开发人人对战的五子棋小游戏
2022/05/02 Python
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL