Stockage local et $cacheFactory d'AngularJS

Question

J'ai un problème de stockage de beaucoup de données côté client, et je n'arrive pas à décider quelle est la meilleure solution. J'utilise actuellement le cacheFactory d'AngularJS, qui fonctionne bien, mais toutes les données sont rechargées avec une nouvelle session. Est-il utile d'utiliser le stockage local à la place ?

Answer 1

Si votre objectif est de stocker des données côté client et persistantes, vous ne pouvez pas utiliser la balise $cacheFactory qui ne met en cache que les données de la session en cours.

Une solution consiste à utiliser la nouvelle API de stockage local. Ce module Angular génial fait tout le sale boulot pour vous, et revient même aux cookies pour les anciens navigateurs !

Answer 2

Une solution alternative est http://jmdobry.github.io/angular-cache/ qui fonctionne bien avec ngResource et peut aussi être facilement configuré pour se synchroniser avec localStorage, de sorte que les demandes ne doivent pas être refaites après un rafraîchissement de la page.

$resource('my/kewl/url/:key', { key: '@key' }, {
  'get': { method: 'GET', 
           cache: $angularCacheFactory('MyKewlResourceCache', { 
                                          storageMode: 'localStorage' })
         }
});

Answer 3

$cacheFactory ne semble clairement PAS être votre solution, car en tant que Trou noir dit, le cache sera effacé à chaque fois que la session expire. $cacheFactory est juste une implémentation de memcache à la manière d'Angular.

angular-cache est juste une API d'aide, fondamentalement elle ajoute une option à $cacheFactory et l'une de ces options est de stocker le cache dans un stockage persistant (comme localStorage).

Ainsi, si vous voulez stocker des données dans un stockage persistant, vous pouvez utiliser l'un des modules disponibles, tels que angular-local-storage ou utiliser $cookieStore mais cela va créer des cookies...

Answer 4

Un autre module angulaire qui fait le travail : https://github.com/jmdobry/angular-cache