快捷導(dǎo)航

Angular中$cacheFactory的作用和用法實例詳解

更新時間：2016年08月19日 09:43:06 作者：太陽下的露水

$cacheFactory是一個為Angular服務(wù)生產(chǎn)緩存對象的服務(wù)。接下來通過本文給大家介紹Angular中$cacheFactory的作用和用法實例詳解，非常不錯，感興趣的朋友一起看下吧

先說下緩存：

一個緩存就是一個組件，它可以透明地儲存數(shù)據(jù)，以便以后可以更快地服務(wù)于請求。多次重復(fù)地獲取資源可能會導(dǎo)致數(shù)據(jù)重復(fù)，消耗時間。因此緩存適用于變化性不大的一些數(shù)據(jù)，緩存能夠服務(wù)的請求越多，整體系統(tǒng)性能就能提升越多。

$cacheFactory介紹：

$cacheFactory是一個為Angular服務(wù)生產(chǎn)緩存對象的服務(wù)。要創(chuàng)建一個緩存對象，可以使用$cacheFactory通過一個ID和capacity。其中，ID是一個緩存對象的名稱，capacity則是描述緩存鍵值對的最大數(shù)量。

1、Angular中的$cacheFactory的作用：

用于生成一個用來存儲緩存對象的服務(wù)，并且提供對對象的訪問。

2、Angular中的$cacheFactory的方法：

（1）put(key,value);

在緩存對象中插入一個鍵值對(key,value)。

（2）get(key);

在緩存對象中通過指定key獲取對應(yīng)的值。

（3）romove(key);

在緩存對象中通過指定key刪除對應(yīng)的值。

（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>

結(jié)果：