$cacheFactory

標簽: AngularJS API 中文


  • ng模塊中的服務
    以工廠模式構造cache對象,并且使它們可以被訪問。

javascript

var cache = $cacheFactory('cacheId');

expect($cacheFactory.get('cacheId')).toBe(cache);
expect($cacheFactory.get('noSuchCacheId')).not.toBeDefined();

cache.put("key", "value");
cache.put("another key", "another value");

// 創(chuàng)建時我們沒有指定配置項
expect(cache.info()).toEqual({id: 'cacheId', size: 2});


用法

$cacheFactory(cacheId, [配置項]);

參數(shù) 形式 具體
cacheId string 新緩存的名稱或ID。
配置項 (選填) object 配置對象會指定緩存的行為。 性能:

{number=} 容量 — 將緩存轉化成LRU緩存。

返回

--- ---
object 新創(chuàng)建的緩存對象有以下的配置方法:

- {object} info() — 返回 id, 大小, 和緩存的配置。

- {{*}} put({string} key, {*} value) — 向緩存中插入以個新的鍵值對并將它返回。

- {{*}} get({string} key) — 返回與key對應的value值,如果未命中則返回undefined。

- {void} remove({string} key) — 從緩存中刪除一個鍵值對

- {void} removeAll() — 刪除所有緩存中的數(shù)據(jù)

- {void} destroy() — 刪除從$cacheFactory引用的這個緩存.

方法

info(); 獲取所有被創(chuàng)建的緩存的信息

返回

Object 返回一個關于cacheId的鍵值

get(cacheId); 如果與cacheId相對應的緩存對象被創(chuàng)建,則獲取它

參數(shù)

參數(shù) 形式 具體
cacheId string 一個可以通過的緩存名字或ID

返回

Returns
Object - 通過 cacheId 確認的緩存對象,或是確認失敗的 undefined


例子

html

<div ng-controller="CacheController">

  <input ng-model="newCacheKey" placeholder="Key">
  <input ng-model="newCacheValue" placeholder="Value">
  
  <button ng-click="put(newCacheKey,newCacheValue)">Cache</button>

  <p ng-if="keys.length">Cached Values</p>
  <div ng-repeat="key in keys">
    <span ng-bind="key"></span>
    <span>: </span>
    <b ng-bind="cache.get(key)"></b>
  </div>

  <p>Cache Info</p>
  <div ng-repeat="(key, value) in cache.info()">
    <span ng-bind="key"></span>
    <span>: </span>
    <b ng-bind="value"></b>
  </div>
</div>

javascript

angular.module('cacheExampleApp', []).
controller('CacheController', ['$scope', '$cacheFactory', function($scope, $cacheFactory) {
  $scope.keys = [];
  $scope.cache = $cacheFactory('cacheId');
  $scope.put = function(key, value) {
    if ($scope.cache.get(key) === undefined) {
      $scope.keys.push(key);
    }
    $scope.cache.put(key, value === undefined ? null : value);
  };
}]);

css

p {
  margin: 10px 0 3px;
}

本文由作者原創(chuàng),翻譯內容仍有欠佳之處,請大家多多指正。via 村里有個村長 / @西瓜橘子葡萄冰

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 面試題一:https://github.com/jimuyouyou/node-interview-questio...
    R_X閱讀 1,751評論 0 5
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,791評論 0 3
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,670評論 0 7
  • 本文旨在加深對前端知識點的理解,資料來源于網(wǎng)絡,由本人(博客:http://segmentfault.com/u/...
    風起云帆閱讀 355評論 0 0
  • 本文旨在加深對前端知識點的理解,資料來源于網(wǎng)絡,由本人(博客:http://segmentfault.com/u/...
    AuthorJim閱讀 463評論 0 0

友情鏈接更多精彩內容