title: angular-cache not working as expected
body: <p>I was trying to use <a href="https://github.com/jmdobry/angular-cache" rel="noreferrer">angular-cache</a> module into my project but not sure it is working properly or not. Below is the code –</p>
  <pre><code>angular.module('TrackerApp').factory('TrackerFactory', function ($resource, CacheFactory) {
      if (!CacheFactory.get('CenterCache')) {
          console.log('cache does not exists');
          CacheFactory.createCache('CenterCache', {
              maxAge: 5 * 60 * 1000,
              deleteOnExpire: 'aggressive'
          });
      }
      var centerCache = CacheFactory.get('CenterCache');
      var CenterClass = $resource(_ServiceBaseURL + 'api/Center/:id',{},{
          query: {
              method: 'GET',
              cache: centerCache,
              isArray:true
          }
      });
      CenterClass.GetMultipleAsObject = function () { return this.query(); };
      return {
          CenterClass: CenterClass
      };
  });
  </code></pre>
  <p>On loading of app, it does print message in console that “cache does not exists” and it does create cache in local storage.
  It created below key in local storage-</p>
  <pre><code>“angular-cache.caches.CenterCache.keys” = [http://localhost/Services/Tracker/api/Center]
  </code></pre>
  <p>Another key is created</p>
  <pre><code>“angular-cache.caches.CenterCache.data.http:// localhost/Services/Tracker/api/Center” = mystoredvalue
  </code></pre>
  <p>Issues –</p>
  <ol>
  <li>On page refresh (f5), I do see the console message printed again and in http calls, <strong>I can see “Center” information is getting download, it is not picked from cache.</strong></li>
  <li>On navigating from one page to another, I don’t see the console message getting printed. <strong>But I do see the &quot;Center” api getting called. and data being downloaded in network tab. It should have picked from cache.</strong></li>
  </ol>
  <p>I feel it is not picking data from cache. Am I missing something?</p>