简介
Dexie.js 是一个 IndexedDB 操作库，它封装了 IndexedDB 的复杂性，使其易于使用和操作。ngx-dexie 则是针对 Angular 应用所开发的一款 Dexie.js 的封装库，使其更适用于 Angular 的框架环境。
安装
使用 npm 进行安装：
npm install ngx-dexie --save
使用
在使用 ngx-dexie 前，需要添加下列代码到 app.module.ts 文件中：
import { NgxDexieModule } from 'ngx-dexie';
@NgModule({
imports: [ NgxDexieModule ]
})之后，即可通过注入 NgxDexieService 使用 Dexie.js 提供的 API。
示例代码
接下来，我们将通过一个示例来学习如何使用 ngx-dexie。
创建数据库
首先，我们需要在 app.module.ts 文件中通过 NgxDexieModule 创建数据库。
-- -------------------- ---- -------
------ - -------------- - ---- ------------
-----------
-------- -
------------------------
-
----- -------------
------- -
------- ----- -----
-
-
--
--
--上述代码中，我们创建了一个名为 myDatabase 的数据库，并且在其中创建了一个名为 person 的对象仓库。
编写服务类
接下来，我们需要编写一个服务类来封装 NgxDexieService 的使用。
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ ----- ---- --------
------ - --------------- - ---- ------------
-------------
----------- ------
--
------ ----- ------------ -
------- ---- ------
------------------- --------- ---------------- -
------------
-
------- ----- ------- ------------- -
-------- - ----- --------------------------------
-
------ --- --------- ------------------- ------- -
------ -------------------------
-
-
------ --------- ------ -
---- -------
----- -------
-上述代码中，我们首先通过 Dexie 引用了 Dexie.js 库。之后，我们定义了一个名为 DexieService 的服务类，并通过 NgxDexieService 注入了 NgxDexie 属性。
接着，我们使用 init() 方法在初始化时，通过 NgxDexie.get() 方法获取了名为 myDatabase 的数据库并赋值给 _db 属性。
最后，我们通过 person() 方法，返回一个 person 表的 Dexie.js 对象。
增删改查
最后，我们将编写增删改查的示例代码：
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ------------- ------ - ---- ------------------
------------
--------- -----------
--------- -
----
--- ----------- ------ -- ----------- ----------- -------
-----
-
--
------ ----- ------------ ---------- ------ -
------ -------- ---------
------------------- ------------- ------------- --
----- ----------- ------------- -
----- ------------------------------
----- ------
---
------------ - ----- -----------------------------------
----- -------------------------------- ----- ------ ------------
-
-上述代码中，我们在初始化时，首先通过 dexieService.person.put() 添加一名叫做 Jack 的人，然后通过 dexieService.person.toArray() 方法，返回所有 person 表中的记录，最后通过 dexieService.person.where({ name: 'Jack' }).delete() 方法删除所有名为 Jack 的记录。
除此之外， ngx-dexie 还支持多表操作，事务操作等高级特性，在使用过程中可以根据实际需要进行了解和使用。
总结
在本篇文章中，我们通过使用一个示例来学习了如何使用 ngx-dexie 库，并从中了解到了如何进行增删改查操作等基础知识。同时，我们也发现 ngx-dexie 还支持多表操作，事务操作等高级特性，这些功能可以帮助我们更加简单方便地操作 IndexedDB，为我们的开发提供了便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601481e8991b448de23c