先說下緩存:
一個緩存就是一個組件,它可以透明地儲存數據,以便以後可以更快地服務於請求。多次重複地獲取資源可能會導致數據重複,消耗時間。因此緩存適用於變化性不大的一些數據,緩存能夠服務的請求越多,整體系統性能就能提升越多。
$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的作用和用法實例詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!