如何在角度js中获取更新的缓存数据

时间:2016-04-02 04:32:29

标签: javascript angularjs angular-cache

我使用angular-cache模块缓存$http数据。如果缓存数据已更新,我想调用$http服务。问题我有这个代码只返回缓存的数据,直到我没有手动清除缓存

//controller.js   
angular.module('adminPanelApp').controller('recordController',recordController);

    function recordController($scope,userService) {
      $scope.title='FeedBacks From Users';  //This is Title to be sset to page
      var promise = userService.getRecord(1);
      promise.then(function (response) {
        $scope.users = response;
      });
    }

    //service.js

    angular.module('adminPanelApp').service('userService', ['$http', '$q','CacheFactory', function ($http, $q,CacheFactory) {
      CacheFactory('dataCache', {
        cacheFlushInterval: 60, // This cache will clear itself every hour
        deleteOnExpire: 'aggressive', // Items will be deleted from this cache when they expire
        storageMode:'localStorage'
      });

      return {
        getRecord: function (id) {
          var deferred = $q.defer();
          var start = new Date().getTime();
          var dataCache = CacheFactory.get('dataCache');
          if (dataCache.get(id)) {
            deferred.resolve(dataCache.get(id));
          } else {
            $http.get('http://54.86.64.100:3000/api/v1/user/feedback-all', +id).success(function (data) {
              dataCache.put(id, data);
              console.log('time taken for request: ' + (new Date().getTime() - start) + 'ms');
              deferred.resolve(data);
              dataCache.get(id, data);
            });
          }
          return deferred.promise;
        }};//
    }]);//end of service

1 个答案:

答案 0 :(得分:0)

第一种方法 - 自动使用$ resource:

$ resource将自动为您管理缓存,因此无需强制清除缓存。我们的想法是,如果您有一个可以查询的资源,那么该查询响应将被缓存,但如果您为同一资源保存了某些内容,则先前缓存的数据必须无效,因此会为您清除。

第二种方法 - 基于事件强制缓存

在某些情况下,angular不会知道数据正在更新,您可能希望根据特定操作强制更新。您可以通过调用remove方法来完成此操作。在你的情况下:

dataCache.remove(key);