角度缓存选项

Question

我是角色的新手，想要在其中实现缓存。我在Google http://gregpike.net/demos/angular-local-storage/demo/demo.html

之后发现了一些

http://jmdobry.github.io/angular-cache/

任何人都可以建议哪个是角度最好的缓存。我的应用程序是一种票务系统，我需要缓存许多下拉列表值和查看数据。 我需要缓存列表的对象（而不是html）。很少有列表会很少变化，有些列表会在一两天后发生变化。如果我可以在本地存储中缓存$ http调用，那就太棒了。

Answer 1

如果您不需要持久缓存，那么您可以考虑使用内置的AngularJS $ cacheFactory。

要获得缓存持久性，您需要查看使用本地存储。有许多选项，但angular-local-storage是最受欢迎的。

Answer 2

我会在服务中使用自定义缓存：https://stackoverflow.com/a/60190745/1974681

使用这种方法在重新加载应用程序时，也可以刷新缓存。

您可以使用localStorage或sessionStorage。在这种情况下，缓存不会在应用重新加载（https://alligator.io/js/introduction-localstorage-sessionstorage/）时刷新。

localStorage和sessionStorage可以完成完全相同的工作并且具有相同的API，但是使用sessionStorage时，数据仅保留到关闭窗口或选项卡之前，而使用localStorage时，数据一直保留到用户手动清除浏览器缓存或直到您的网络应用会清除数据。

就像：

const data = {hello: 'world'};
sessionStorage.setItem('KEY', JSON.stringify(data));

sessionStorage.getItem('KEY'); // {hello: 'world'}