简介
@browser-storage/ngx-browser-storage 是一个基于 Angular 框架的浏览器存储封装库，可用于存储和读取数据。其特点如下：
- 支持本地存储和会话存储。
- API 简单易用，与原生 API 类似。
- 可跨标签页、浏览器和窗口进行共享。
- 支持多种存储格式，如对象、数组、字符串等。
安装
使用 npm 安装：
npm install @browser-storage/ngx-browser-storage --save
使用
导入模块
-- -------------------- ---- ------- ------ - ------------- - ---- ---------------------------- ------ - -------- - ---- ---------------- ------ - -------------------- - ---- --------------------------------------- ----------- -------- --------------- -------------------------------- ---------- -------------- -- ------ ----- --------- - -
保存数据
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - --------------------- - ---- ---------------------------------------
------------
--------- -----------
--------- -------- -----------------------------------
--
------ ----- ------------ ---------- ------ -
-------- --- - -------
-------- ----- - - ----- ----- ---- -- --
------------------- --------------- ---------------------- - -
---------- - -
-------- -
-------------------------------- ------------
-
-获取数据
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - --------------------- - ---- ---------------------------------------
------------
--------- -----------
--------- ---------------
--
------ ----- ------------ ---------- ------ -
-------- --- - -------
----- ----
------------------- --------------- ---------------------- - -
---------- -
--------- - ---------------------------------
-
-删除数据
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - --------------------- - ---- ---------------------------------------
------------
--------- -----------
--------- -------- -----------------------------------
--
------ ----- ------------ ---------- ------ -
-------- --- - -------
------------------- --------------- ---------------------- - -
---------- - -
-------- -
------------------------------------
-
-高级用法
跨标签页共享数据
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - --------------------- - ---- ---------------------------------------
------------
--------- -----------
--------- -------- -----------------------------------
--
------ ----- ------------ ---------- ------ -
-------- --- - -------
-------- ----- - - ----- ----- ---- -- --
------------------- --------------- ---------------------- - -
---------- -
-----------------------------------
------------------ -- -
-- -----------
-------------------
---
-
-------- -
------------------------------------- ----------- - ------- ---- ---
-
-存储器引擎
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ---------------------- -------------------- - ---- ---------------------------------------
------------
--------- -----------
--------- -------- -----------------------------------
--
------ ----- ------------ ---------- ------ -
-------- --- - -------
-------- ----- - - ----- ----- ---- -- --
------------------- --------------- ---------------------- -
-- -------
---------------------------------------------------------------
-
---------- - -
-------- -
-------------------------------- ------------
-
-结语
通过本教程，我们学习了如何使用 @browser-storage/ngx-browser-storage 进行浏览器存储的操作，以及一些高级用法的应用。希望这篇文章对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d630d0927023822c64