npm 包 angular2-minimongo 使用教程

什么是 angular2-minimongo

angular2-minimongo 是一个为 Angular2 框架提供数据持久化功能的 npm 包。其底层使用 minimongo，可以实现数据绑定、数据查询和数据更新等功能。

安装和配置

1.首先，需要安装 angular2-minimongo 和 minimongo，可以使用 npm 进行安装。

--- ------- ------------------ --------- ------

2.在 Angular2 项目中使用 angular2-minimongo，需要将 MinimongoConnectionService 和 MinimongoService 注册到 Angular2 的 modules 中。

------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
------ - --------------------------- ---------------- - ---- ---------------------

-----------
  -------- ----------------
  ------------- ---------------
  ---------- -
    ---------------------------
    ----------------
  --
  ---------- --------------
--
------ ----- --------- - -

3.在项目根目录下新建一个 server.ts 文件用于提供后端访问的配置。

------ - ------------------- - ---- ------------
------ - -------------------------- - ---- ---------------------

-- --- -------------------
----- -------------------------- - --- -----------------------------
----- ------------------- - --- ----------------------

--------------------------------------------------------

-- ----
----- ----- - -------------------------------------------
----- ----- - -------------------------------------------

-- -------- ---- --
--------------------- ----- ---- -- -
  -------------- ----- -------- -- -
    ------------------
  ---
---

--------------------- ----- ---- -- -
  -------------- ----- -------- -- -
    ------------------
  ---
---

使用示例

数据绑定

在 Angular2 中使用 angular2-minimongo 进行数据绑定非常方便。例如，我们可以在 Angular2 中创建一个表单，然后使用 angular2-minimongo 将表单的值保存到数据库中。

----- -------------------- ----------------------
  ------ ----------- -----------------------
  ------ ----------- ----------------------
  ------- -------------------------
-------
------ - --------- - ---- ----------------
------ - ------------ --------- - ---- -----------------
------ - ---------------- - ---- ---------------------

------------
  --------- ------
  --------- -
    ----- -------------------- ----------------------
      ------ ----------- -----------------------
      ------ ----------- ----------------------
      ------- -------------------------
    -------
  --
--
------ ----- ------------ -
  ------ - ----------
  ----- - ----

  ------------
    ------- ------------ ------------
    ------- ----------------- ----------------
  - -
    ----------- - -------------------
      ----- ---
      ---- --
    ---

    ---------- - ---------------------------------------------
  -

  -------- -
    -------------------
      ----- -----------------------
      ---- ---------------------
    ---
  -
-

数据查询

angular2-minimongo 提供了丰富的数据查询功能。只需要使用 find 方法即可查询数据。

下面的代码展示如何使用 angular2-minimongo 查询所有名字包含 Jack 的用户：

------ - ---------------- - ---- ---------------------

------------
  --------- ------
  --------- -
    ----
      --- ----------- ---- -- -------------------------
    -----
  --
--
------ ----- ------------ -
  ----- - ----

  ------------
    ------- ----------------- ----------------
  - -
    ---------- - --------------------------------------------------- ----- ------- - ----------- -- -------- ------ -----
  -
-

数据更新

使用 update 方法可以更新数据。

----- ----- - ---------------------------------------------

-- ------ ----- ---- --
------------------- --------- ------ ----- ------

总结

通过使用 npm 包 angular2-minimongo，我们可以在 Angular2 中轻松地实现数据持久化功能。本文介绍了 angular2-minimongo 的安装和配置，以及使用示例，希望对大家有所帮助。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600553ec81e8991b448d13f5

阅读全文

猜你喜欢

  • npm 包 shell-demo 使用教程

    前言 在前端开发中，我们经常需要在终端中执行一些命令，例如打包、部署、启动服务等。而在 Node.js 中，可以使用 child_process 模块来执行终端命令。

    2 年前
  • npm 包 styled-elements 使用教程

    在前端开发中，样式是非常重要的一个方面。通常情况下我们使用 CSS 来定义样式，但是在大型项目中，CSS 很容易变得非常复杂，难以维护。为了应对这一挑战，前端社区推出了一些新的解决方案，如 style...

    2 年前
  • npm 包 react-native-baidu-ios 使用教程

    首先，我们先来了解一下 react-native-baidu-ios 这个 npm 包是做什么的。这个包是为了方便在 React Native 应用中集成百度地图 SDK，使得开发者能够快速地在项目中...

    2 年前
  • npm 包 ng2-ui-switch 使用教程

    ng2-ui-switch 是一个基于 Angular2 的 UI 组件，用于在 Web 应用中创建开关按钮。它可以方便地用于控制应用在不同状态下的开关和切换操作。

    2 年前
  • NPM包Zlogger使用教程

    介绍 Zlogger（或者zloger）是一款NPM包，提供了基于Node.js环境下快速实现日志记录的功能。由于其操作简单，扩展性强，被广泛应用于Web开发、移动应用开发及其他类似场景。

    2 年前
  • npm包simple-git-ex使用教程

    在现代的前端开发中，使用 Git 进行版本控制已经成为了一个标配。在 node.js 的世界里，有一个叫做简单 git（simple-git）的 npm 包，它提供了一种简单易用的方式来在 node....

    2 年前
  • npm 包 cordova-plugin-smsreceiver 使用教程

    前言 在移动端 App 开发中，短信验证码是一种常见的身份验证方式。cordova-plugin-smsreceiver 是一个可以帮助我们在 Cordova 应用中接收短信的插件。

    2 年前
  • npm 包 pg-cluster-migrate 使用教程

    前言 在大型应用程序中，数据库的升级和迁移是一项非常关键的任务。而 PostgreSQL 被广泛应用于生产环境中，因此提供一种便于数据库升级和迁移的 npm 包十分必要。

    2 年前
  • npm 包 cat-replace 使用教程

    在前端开发中，常常需要对字符串进行处理。其中，替换字符串中的某些字符是一个常见的操作。npm 包 cat-replace 就是一个非常好用的工具，它提供了一种快速、简单的方式来查找和替换文本。

    2 年前
  • npm 包 @ash-framework/cli 使用教程

    前言 随着前端技术的快速发展以及组件化思想的不断普及，前端开发流程变得越来越复杂。为了简化开发流程，提升开发效率，各种前端自动化工具层出不穷。其中，基于 Node.js 的包管理器 npm 便是最为常...

    2 年前
  • npm 包 protostar 使用教程

    前言 在前端开发中，我们会经常用到各种第三方库和框架来帮助我们更高效的完成页面和功能的开发。而这些库和框架以 npm 包的形式存在，通过 npm 的简单安装方式就可以完成引入和使用。

    2 年前
  • npm 包 less-plugin-base64 使用教程

    前言 在前端开发中，为了提高性能和加速页面加载速度，我们可以考虑将一些小的图标和背景图片转化成 base64 编码并嵌入到页面中。这样可以减少 HTTP 请求的次数，从而达到优化网页性能的目的。

    2 年前
  • npm 包 phaser-group-signals 使用教程

    前言 在现代 Web 开发中，JavaScript 被广泛使用。随着网页应用和游戏数量的增加，前端框架和工具越来越重要。Phaser 是一种开源的 2D 游戏框架，可以帮助程序员开发基于 HTML5 ...

    2 年前
  • npm 包 fis-postprocessor-replace_huya 使用教程

    在前端开发中，我们常常需要对编译后的代码进行一些处理，比如替换某些字符串或代码块，这时候就可以使用 fis-postprocessor-replace_huya 这个 npm 包来完成这项任务。

    2 年前
  • npm 包 whittle-cli 使用教程

    简介 whittle-cli 是一个基于 Node.js 的工具，用于编写 Webpack 配置文件。它使用类似于 JavaScript 片段的语法，并提供了一些便捷的函数和方法，可以快速地创建和配置...

    2 年前
  • npm包postcss-padding-margin-axis使用教程

    在前端开发中，CSS是非常重要的一部分，可以用来美化网页而且具有很强的交互性。但是在开发过程中，我们可能会碰到一些问题，这就需要利用一些插件来解决这些问题。其中，postcss-padding-mar...

    2 年前
  • npm 包 systemjs-plugin-dojo 使用教程

    在前端开发中，我们使用许多工具和库来帮助自己更高效地开发和管理项目，而 npm 是其中一个非常重要的工具。系统模块 JavaScript (SystemJS) 是由 Guy Bedford 创造的一种...

    2 年前
  • npm 包 eslint-config-ttdefault 使用教程

    在前端开发中，代码规范是非常重要的一环，但如何快速而准确地达到代码规范的要求呢？使用一个好的 ESLint 配置就可以解决这个问题。而 eslint-config-ttdefault 就是一种比较好的...

    2 年前
  • 前端技术文章：npm 包 jsgithub 使用教程

    在前端开发过程中，我们常常需要与 Github API 进行交互，以便于管理和维护我们的项目。而 jsgithub 是一个方便的 npm 包，可以帮助我们更加轻松地与 Github API 进行交互。

    2 年前
  • 前端技术文章——npm 包 nativescript-facebook-login-webpack使用教程

    在现今的互联网时代，几乎每一个APP或者网站都需要一个入口来方便用户的登录。绝大多数的网站和APP会选择像Facebook，Google和Twitter等开放认证平台的登陆功能来让用户通过他们已有的账...

    2 年前

相关推荐

    暂无文章