AngularJs $cacheFactory 缓存服务

可能之前的api写的有些枯燥吧，因为不烧脑，不需要很多逻辑思维来做处理，那么之后的文章会有趣很多，慢慢的开始烧脑了，准备好大量脑细胞的死亡吧~   先来篇简单的缓存服务。

本文将api文档里的$cacheFactory和 $cacheFactory.Cache 放到一起学习，其实就差不多的东西。

$cacheFoctory

用于生成一个用来存储缓存对象的服务，并且提供对对象的访问。

$cacheFactory.Cache

一个用于存储和检索数据的缓存对象。主要使用$http和脚本指令来缓存模板和其他数据。

该服务有以下方法：

put(key,value);

在缓存对象中插入一个键值对(key,value)。

get(key);

在缓存对象中通过指定key获取对应的值。

romove(key);

在缓存对象中通过指定key删除对应的值。

removeAll();

删除缓存对象中所有的键值对。

destroy();

销毁这个缓存对象。

info();

获取缓存对象信息（id，size）。

key：string类型，缓存对象中的值名称。

value：所有类型，缓存对象中的值。

使用代码：

  (function () {
    angular.module("Demo", [])
    .controller("testCtrl", ["$cacheFactory",testCtrl]);
    function testCtrl($cacheFactory) {
       var myCache = $cacheFactory("my-cache");
       myCache.put("cache", "This is cache-content");
       myCache.put("another-cache", "This is another cache-content");
       var getCache = myCache.get("cache"); //This is cache-content
       var getInfo = myCache.info();//{id: "my-cache", size: 2}
       myCache.remove("another-cache");
       getInfo = myCache.info();//{id: "my-cache", size: 1}
       myCache.removeAll();
       getInfo = myCache.info();//{id: "my-cache", size: 0}
       myCache.destroy();
       getInfo = myCache.info();//{size: 0}
    };
  }());

值的注意的是，这是应用程序的缓存服务，而不是浏览器本地的缓存。所以当你刷新浏览器，初始化整个应用程序的时候，之前的缓存数据都会丢失。那么问题就来了，怎么才能刷新/初始化应用程序而不丢失之前保存的数据呢，这个可以使用localStorage或者cookies，关于ng的这两个存储操作，之后的文章会写到，现在根据api一个个慢慢来写，有需要和有兴趣的话，也可以自己网上找资料学习或和野兽进行交流讨论，大家共同进步...