AngularJS: Comment puis-je mettre en cache les données json retourné à partir de $http appel?

L'angular.js le cache est conçu pour HTTP REÇOIS des appels uniquement. Ceci est cohérent avec l'objectif du protocole HTTP, HTTP, les serveurs n'ont pas l'habitude de regarder au-delà de l'URL, la Méthode HTTP, et de mettre en Cache en-têtes de Contrôle afin de déterminer si elles peuvent répondre à une demande avec le contenu mis en cache. En conséquence, les auteurs de l'angulaire de ne pas étendre les fonctionnalités de mise en cache d'autres méthodes HTTP.

Une autre façon de voir les choses, c'est que l'angle $service de cache est vraiment juste une simple valeur de la clé de magasin, avec l'URL de la demande en agissant comme une clé et la réponse à la requête HTTP GET la valeur qui est stockée localement sur le serveur.

Quand vous pensez à elle de cette façon, il devient clair pourquoi il est plus difficile de mettre en cache la réponse à une requête POST. Le contenu retourné par la POSTE à la demande ne dépend pas seulement de l'URL, mais le contenu Affiché. De cache dont le résultat est la valeur de la clé de magasin, vous besoin d'un mécanisme pour créer une clé unique qui identifie à la fois les URL et les données passées.

Si vous avez des données est assez simple, ma suggestion est d'écrire votre propre cache qui est vérifié avant d'utiliser l'angle $service http. Sans en savoir plus sur votre méthode de données, je ne peux pas vous donner un exemple complet, mais vous pourriez faire quelque chose comme ceci:

angular.module('myModule').service('myDataService', function($cacheFactory, $http) {

  var cache = $cacheFactory('dataCache');

  function success(data, status, headers, config) {
    //some success thing
  }

  function error(data, stats, headers, config) {
    //some error thing
  }

  this.getSomeData = function(url, query) {
    var cacheId = url + '*' + query;
    var cachedData = cache.get(cacheId);
    //Return the data if we already have it
    if (cachedData) {
      success(cachedData);
      return;
    }

    //Got get it since it's not in the cache
    $http({url: url,
           method: 'POST',
           data: {query: query},
           headers: { 'Content-Type': 'application/json' }  //Probably not necessary, $http I think does this 
         }).success(function(data, status, headers, config) {
              //Put this in our cache using our 'unique' id for future use
              cache.put(cacheId, data);
              success(data, status, headers, configs);
         }).error(error);    

  };

});

Vous serait alors de remplacer ce service wrapper où vous utilisez actuellement le raw $service http.

Le point est à mettre en œuvre votre propre cache qui comprend le 'url+données" en tant que clé avant d'appeler le $service http.