在前端开发中，缓存是很重要的一环。它可以提高页面加载速度、降低服务器压力等等，所以很多框架和库都提供了缓存机制。在 Angular 中，我们可以使用 npm 包 @bizappframework/ng-cache 来实现缓存功能。
安装 @bizappframework/ng-cache
可以通过以下命令来安装 @bizappframework/ng-cache：
npm install @bizappframework/ng-cache --save
安装完毕后，我们需要在相关的模块中将它引入：
-- -------------------- ---- -------
------ - ----------- - ---- ----------------------------
-----------
-------- -
------------
---
--
---
--
------ ----- --------- --使用 @bizappframework/ng-cache
@bizappframework/ng-cache 提供了两个服务：CacheService 和 CacheObservableService。
CacheService
CacheService 可以用来存储和获取值。例如：
// 将值存入缓存中
cacheService.set('key', 'value');
// 从缓存中获取值
const value = cacheService.get('key');我们也可以设置缓存过期时间。过期时间以毫秒为单位：
// 将值存入缓存中，并设置过期时间为1分钟
cacheService.set('key', 'value', 60000);CacheObservableService
CacheObservableService 是一个可观察对象，可以用来在多个组件之间共享数据。例如：
-- -------------------- ---- ------- -- -- ---------------------- ------------------------------------------------- -- - ------------------- --- -- ---- ---------------------- --------------------------------- --------- -- - ---------------------- --- -------------------------------------
示例代码
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- ---------------------- - ---- ----------------------------
------------
--------- --------------
--------- -
------ ----------- -------------------------
------- ------------------------ --------------
------- ------------------------------ --------------
----
----
------- ------------------------ --------------
------- ---------- --------
--
--
------ ----- ---------------- -
----------- ------ - ---
----------- ------ - ---
------------------- ------------- ------------- ------- ----------------------- ----------------------- --
---------- -
------------------------------ ---------------- ------- -- -----
-
------------- -
----------------------------------
-
---------- -
--------------- - ------------------------------ -- ---
-- ---- ----------------------
---------------------------------------- -----------------
-------------------------------------------------------- -- -
------------------- -- ----
---
-
-总结
@bizappframework/ng-cache 提供了一个简单但功能强大的缓存库。它包含了基本的存储和获取功能，同时也可以实现多个组件之间数据的共享，为我们的开发提供了方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733e890c4f72775835f7