angularjs:如何向资源对象添加缓存？

Question

在http中添加缓存非常简单.(通过传递cache = true)

http://docs.angularjs.org/api/ng.$http有Cache选项.

如何在angularjs中的$ resource中添加类似功能？

Answer 1

从1.1.2(commit)开始,所有$ httpConfig选项都直接暴露在$ resource操作对象中:

return {
  Things: $resource('url/to/:thing', {}, {
    list : {
      method : 'GET',
      cache : true
    }
  })
 };

Answer 2

在AngularJs中实现自己的缓存非常简单.只需使用$ cacheFactory:

app.factory('myService', function($resource, $cacheFactory) {
   var cache = $cacheFactory('myService');
   var User = $resource('/user/:userId', {userId:'@id'});

   return {
      getResource: function(userId) {
         var user = cache.get(userId);
         if (!user) {
            user = User.get({userId:userId});
            cache.put(userId, user);   
         }
         return user;
      }
   };
});

Answer 3

正如文档所述,$ resource内置了对$ cacheFactory的支持.您可以通过cache每个操作的属性传递它:

cache- {boolean|Cache}- 如果true,$http将使用默认缓存来缓存GET请求,否则如果使用缓存实例构建$cacheFactory,则此缓存将用于缓存.

用法示例:

app.factory('Todos', function($resource, $cacheFactory) {
    var todosCache = $cacheFactory('Todos');
    return $resource(apiBaseUrl + '/todos/:id', {id: '@id'}, {
        'get': { method:'GET', cache: todosCache},
        'query': { method:'GET', cache: todosCache, isArray:true }
    });
});

Answer 4

这似乎没有在这里提到,但您也可以覆盖默认方法.

app.factory("List", ["$resource", function($resource) {
    return $resource("./lists/:path/:action.json", {}, {
        get: {
            method: "GET",
            cache: true
        }
    });
}]);

Answer 5

您还可以为$ http设置默认缓存,从而为基于它的$ resource设置默认缓存.

我的设置具有出色的角度缓存,允许LocalStorage并符合$ cacheFactory:

app.run(function($http, DSCacheFactory) {

    DSCacheFactory('defaultCache', {
        deleteOnExpire: 'aggressive',
        storageMode: 'localStorage' 
    });

    $http.defaults.cache = DSCacheFactory.get('defaultCache');
});