什么是 angular2-minimongo
angular2-minimongo 是一个为 Angular2 框架提供数据持久化功能的 npm 包。其底层使用 minimongo，可以实现数据绑定、数据查询和数据更新等功能。
安装和配置
1.首先，需要安装 angular2-minimongo 和 minimongo，可以使用 npm 进行安装。
npm install angular2-minimongo minimongo --save
2.在 Angular2 项目中使用 angular2-minimongo，需要将 MinimongoConnectionService 和 MinimongoService 注册到 Angular2 的 modules 中。
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
------ - --------------------------- ---------------- - ---- ---------------------
-----------
-------- ----------------
------------- ---------------
---------- -
---------------------------
----------------
--
---------- --------------
--
------ ----- --------- - -3.在项目根目录下新建一个 server.ts 文件用于提供后端访问的配置。
-- -------------------- ---- -------
------ - ------------------- - ---- ------------
------ - -------------------------- - ---- ---------------------
-- --- -------------------
----- -------------------------- - --- -----------------------------
----- ------------------- - --- ----------------------
--------------------------------------------------------
-- ----
----- ----- - -------------------------------------------
----- ----- - -------------------------------------------
-- -------- ---- --
--------------------- ----- ---- -- -
-------------- ----- -------- -- -
------------------
---
---
--------------------- ----- ---- -- -
-------------- ----- -------- -- -
------------------
---
---使用示例
数据绑定
在 Angular2 中使用 angular2-minimongo 进行数据绑定非常方便。例如，我们可以在 Angular2 中创建一个表单，然后使用 angular2-minimongo 将表单的值保存到数据库中。
<form [formGroup]="myForm" (ngSubmit)="onSave()"> <input type="text" formControlName="name"> <input type="text" formControlName="age"> <button type="submit">保存</button> </form>
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------ --------- - ---- -----------------
------ - ---------------- - ---- ---------------------
------------
--------- ------
--------- -
----- -------------------- ----------------------
------ ----------- -----------------------
------ ----------- ----------------------
------- -------------------------
-------
--
--
------ ----- ------------ -
------ - ----------
----- - ----
------------
------- ------------ ------------
------- ----------------- ----------------
- -
----------- - -------------------
----- ---
---- --
---
---------- - ---------------------------------------------
-
-------- -
-------------------
----- -----------------------
---- ---------------------
---
-
-数据查询
angular2-minimongo 提供了丰富的数据查询功能。只需要使用 find 方法即可查询数据。
下面的代码展示如何使用 angular2-minimongo 查询所有名字包含 Jack 的用户：
-- -------------------- ---- -------
------ - ---------------- - ---- ---------------------
------------
--------- ------
--------- -
----
--- ----------- ---- -- -------------------------
-----
--
--
------ ----- ------------ -
----- - ----
------------
------- ----------------- ----------------
- -
---------- - --------------------------------------------------- ----- ------- - ----------- -- -------- ------ -----
-
-数据更新
使用 update 方法可以更新数据。
const users = this.minimongoService.getCollection('users');
// 更新用户名为 Alice 的年龄为 21
users.update({name: 'Alice'}, {$set: {age: 21}});总结
通过使用 npm 包 angular2-minimongo，我们可以在 Angular2 中轻松地实现数据持久化功能。本文介绍了 angular2-minimongo 的安装和配置，以及使用示例，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553ec81e8991b448d13f5