简介
angular-cache 是一个用于 AngularJS 应用程序的前端缓存库。它提供了多种不同类型的缓存，包括内存缓存、本地存储缓存和会话存储缓存等。通过使用 angular-cache，你可以轻松地把数据保存在浏览器中，从而提高应用程序的性能和响应速度。
安装
要开始使用 angular-cache，首先需要将其安装到您的项目中。在命令行中输入以下命令：
--- ------- ------------- ------
这将下载并安装该库，并将其添加到您的项目的依赖项中。
使用
一旦您已经安装了 angular-cache，就可以在 AngularJS 应用程序中使用它了。下面是一个简单的示例，演示如何在控制器中使用 angular-cache 保存和检索数据：
-- ------ ---------------
--- ----- - ----------------------- -------------------
-- ------- -------------- -------------
-------------------------------- ---------------------- -
-- ------ --------- ------
--- ------- - ----------------------- -
------- -- - -- - ----- -- ----- - --
--------------- ------------ -- ----------
---
-- ---------- ------- ------ ---------
-------------------- -----------
-- -------- ------- --
--- ----------- - ---------------------
---在这个示例中，我们使用 CacheFactory 工厂来创建一个新的 myCache 缓存对象。我们设置了 maxAge 选项来指定缓存项的最大寿命时间，并使用 deleteOnExpire 选项来配置当缓存项过期时自动删除该缓存项。
然后我们使用 put 方法将一个新项添加到缓存中，使用 get 方法获取缓存中的项。
缓存类型
angular-cache 支持多种类型的缓存，包括内存缓存、本地存储缓存和会话存储缓存等。
内存缓存
内存缓存是一种简单而快速的缓存方式，它把数据保存在应用程序的内存中。这种缓存方式提供了最快的访问速度，但也具有最短的生命周期。当浏览器被关闭或页面被刷新时，所有的缓存数据都将被删除。
-- ------ --------------- ------- --- ------------- - ----------------------------- - ------------ --------- ------- -- - -- - ---- -- ----- - -- ---
本地存储缓存
本地存储缓存将数据保存在浏览器的本地存储中。这种缓存方式提供了较快的访问速度和较长的生命周期，但是它不适合保存大量的数据。
-- ------ --------------------- --------- --- ------------------- - ----------------------------------- - ------------ --------------- ------- -- - -- - ---- -- ----- - -- ---
会话存储缓存
会话存储缓存使用浏览器的会话存储
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/34995