AngularJS - How to refresh data in cacheFactory

Question

I am using $cacheFactory, I like it because it will increase performance by not calling service data all the times. But my doubt is on update of existing data, how can I update $cacheFactory data

service.query = function(queryCriteria) {
  var deferred = $q.defer();
  var req = {
    method: 'GET',
    url: BASE_URL + '/ticketCategories' + '?' + ApplicationUtil.parseQueryCriteria(queryCriteria),
    headers: {
      'Authorization': APP_CONSTANTS.STRATAGIES.BEARER + ' ' + ApplicationStorage.getJwtToken()
    },
    cache: true
  };
  var cache = $cacheFactory(Math.random());
  var data = cache.get("ticketCategories");
  if (!data) {
    $http(req).then(function(payload) {
      deferred.resolve(payload.data);
      cache.put("ticketCategories", payload.data);
    }, function(reason) {
      Logger.error(reason, 'Error querying ticket categories');
      deferred.reject(reason);
    });
  } else {
    return data;
  }
  return deferred.promise;
};

Daniel Schott · Accepted Answer · 2015-05-07 12:08:32Z

1

A sample implementation using your code could look like this.

var cache = $cacheFactory(Math.random());

service.query = function(queryCriteria) {
    var deferred = $q.defer();
    var req = {
        method: 'GET',
        url: BASE_URL + '/ticketCategories' + '?' + ApplicationUtil.parseQueryCriteria(queryCriteria),
        headers: {
            'Authorization': APP_CONSTANTS.STRATAGIES.BEARER + ' ' + ApplicationStorage.getJwtToken()
        },
        cache: true
    };
    var data = cache.get("ticketCategories");
    if (!data) {
        $http(req).then(function(payload) {
            deferred.resolve(payload.data);
            cache.put("ticketCategories", payload.data);
        }, function(reason) {
            Logger.error(reason, 'Error querying ticket categories');
            deferred.reject(reason);
        });
    } else {
        return data;
    }
    return deferred.promise;
};

service.refresh = function (queryCriteria) {
    // removes all cached entries
    cache.removeAll();
    // force reload, still returns the promise
    return service.query(queryCriteria);
};

answered May 7, 2015 at 12:08

Daniel Schott

832 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user4874420 Over a year ago

Hi Daniel. If I put more data in cacheFactory like ticketCategories, tickets, faqs. Suggest in that case

Daniel Schott Over a year ago

You can also remove elements from cache by id. That would look like this: cache.remove('ticketCategories'); in your case. Read more here

Collectives™ on Stack Overflow

AngularJS - How to refresh data in cacheFactory

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related