什么是 indexedDB
indexedDB 是浏览器提供的客户端存储数据的一种方式，它类似于关系型数据库，但不需要建立服务器和发送任何请求。相比浏览器存储数据的其他方式，如 cookie 和 localStorage，indexedDB 能够存储更大的数据，同时支持更多的查询方式。
indexeddb-angular 是什么
indexeddb-angular 是一个 npm 包，它提供了一些 API 用于在 Angular 中操作 indexedDB，封装了原生 indexedDB 的接口，使得操作 indexedDB 变得更加简单。
如何使用 indexeddb-angular
安装 indexeddb-angular
使用 npm 安装 indexeddb-angular：
npm install indexeddb-angular
配置 IndexedDBService
在应用的根模块中引入 IndexedDBModule，并在 providers 数组中注入 IndexedDBService：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ---------------- ---------------- - ---- --------------------
-----------
-------- -
---------------
--
---------- -
----------------
-
--
------ ----- --------- - -使用 IndexedDBService
在组件中使用 IndexedDBService，通过调用 API 实现 indexedDB 的增删改查操作。以下是一些常用 API 的示例：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------------- - ---- --------------------
------------
--------- ---------------
--------- -
------- ----------------------- -------------
------- ----------------------- -------------
------- ----------------------------- -------------
------- ----------------------------- -------------
-
--
------ ----- ----------- -
------------------- ----------------- ----------------- --
--------- -
----- ---- - -
--- --
----- ----- ----
--
------------------------------------------ ------------------ -- -
----------------- ---------
---
-
--------- -
----------------------------------------------- ------------------- -- -
------------------
---
-
------------ -
----- ---- - -
--- --
----- ----- ------
--
--------------------------------------------- ------------------ -- -
----------------- -----------
---
-
------------ -
--------------------------------------------- --------------- -- -
----------------- -----------
---
-
-上述代码中，我们定义了一个组件 MyComponent，通过调用 IndexedDBService 的 add、getByKey、update、delete 方法实现了对 indexedDB 的增删改查操作。
总结
本文介绍了 indexedDB 的基本概念以及使用 indexeddb-angular 包封装 indexedDB 接口的方法。通过 indexeddb-angular，我们可以更加方便地在 Angular 中使用 indexedDB。如果您在开发过程中需要使用到客户端存储数据的功能，并希望使用 Angular，indexeddb-angular 是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055afa81e8991b448d8a40