ng4-cool-storage 是一个 Angular 4+ 的本地存储库，让开发者能够轻松地保存、读取和删除浏览器中的数据，同时还支持过期时间的设置。
安装
要使用 ng4-cool-storage，首先需要将其安装为项目的依赖项：
--- ------- ---------------- ------
使用
使用 ng4-cool-storage 很简单，只需要在组件中引入它并实例化即可：
------ - --------- - ---- ----------------
------ - -------------- - ---- -------------------
------------
--------- -----------
--------- -
----------- -----------------------
-
--
------ ----- ------------ -
------------------- -------- --------------- --
---------- -
-- ----
------------------------ --------
-- ----
----- ---- - -------------------------
------------------ -- -- ------
-- ----
----------------------------
-- -----------
----------------------- --- - ------- ----- --- -- ----- - --
-- --------
----- --------- - ------------------------------
----------------------- -- -- ---- - -----
-
-在上面的示例代码中，我们首先引入了 Ng4CoolStorage，然后在组件的构造函数中将其注入了实例，接着在 ngOnInit 生命周期函数中使用了 storage 实例的各种方法。
配置
ng4-cool-storage 提供了一些配置项，可以通过使用 forRoot 方法进行全局配置：
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - --------------------- -------------------- - ---- -------------------
----- ------- -------------------- - -
------- ---------
--
-----------
-------- -
--------------
------------------------------------
--
------------- -
------------
--
---------- - ------------ -
--
------ ----- --------- - -在上面的示例代码中，我们定义了一个字符串 prefix，它将被用作所有存储的键名的前缀，以便防止与其他应用程序的键名冲突。其他配置项包括 storageType（指定存储类型，可以是 localStorage 或 sessionStorage）、fallbackToCookie（在使用 localStorage 和 sessionStorage 失败时是否降级为使用 cookie 存储）、cookieCfg（cookie 设置）等。
总结
通过本文的介绍，我们了解了如何使用 npm 包 ng4-cool-storage 进行本地数据存储。ng4-cool-storage 是一个简单易用的存储库，支持过期时间设置，可以帮助开发者轻松地保存、读取和删除浏览器中的数据。开发者可以根据自己的应用场景选择存储类型以及进行相应的配置。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055c8c81e8991b448d9f88