angularjs - How to define expiration time on Cache in Angular $cacheFactory

Question

I read about the Angular '$cacheFactory' but could not find any documentation on setting an expiration date for cached content.

What if I want to cache all GET requests for 30 seconds, how to I define this in the '$cacheFactory' or do I need to extend the functionality myself.

Answer 1

for TTL 1h, see below example

add factory:

.factory('cacheInterceptor', ['$cacheFactory', function($cacheFactory) {
  var http_ttl_cache = {};
  return {
    request: function(config) {
      var N;
      if (config.timeToLive) {
        config.cache = true;
        N = config.timeToLive;
        delete config.timeToLive;
        if (new Date().getTime() - (http_ttl_cache[config.url] || 0) > N) {
          $cacheFactory.get('$http').remove(config.url);
          http_ttl_cache[config.url] = new Date().getTime();
        }
      }
      return config;
    }
  };
}])

then init in config push your interceptor. An interceptor is simply a regular service factory that is registered to that array.

.config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider) {

  $httpProvider.interceptors.push('cacheInterceptor');

example of request

$http.get('/permissions.json', {timeToLive: Constant.timeToLive}).then(function(result){

Constant is:

.constant('Constant', {
  url: {
    logout: '/auth/logout'
  },
  timeToLive: 60*60*1000
})