Angular2 中的 ReactiveFormsModule 与 FormsModule

Question

存在 ReactiveFormModule 和 FormsModule.

import {
  FormsModule,
  ReactiveFormsModule
} from "@angular/forms";

我什么时候应该使用 ReactiveFormModule 以及与 FormModule.

相比什么提供了这个模块

Answer 1

根据我的经验，主要区别在于 ReactiveFormsModule 可以通过实例化 class、向表单添加一些值和运行测试来对表单验证逻辑进行单元测试.
使用 FormsModule 会稍微复杂一些，因为您需要部署应用程序并使用浏览器（或 Phantomjs）对其进行测试。
还有另一个区别：ReactiveFormsModule 有 classes 提供了一个 API 允许使用 Functional Reactive Programming.

构建 UI

Answer 2

Formsmodule - Angular 1 通过著名的 ng-model 指令处理表单。 Angular 2 现在提供了一个相同的机制，也称为 ngModel，它允许我们构建现在称为模板驱动的表单。

与AngularJs 的情况不同，ngModel 和其他与表单相关的指令默认不可用。

ReactiveFormsModule 用于模型驱动的表单。每个表单都有一个状态，可以通过许多不同的交互进行更新，并且由应用程序开发人员管理该状态并防止其损坏。这对于非常大的表单来说很难做到，并且会引入一类潜在的错误。

您可以在哪里编写不在 html 中的验证。在这种情况下，您可以附加许多验证和包装表格。

我从这里得到的。有更好的explanation:

Answer 3

我想澄清一下Oto Lolua 的回答。他们对 ReactiveFormsModule 的解释是从他们链接的文章中的错误上下文中取出的（Oto 对 ReactiveFormsModule 的解释段落实际上是指那篇文章中的 FormsModule，而不是 ReactiveFormsModule）。

我在这里引用了同一篇文章 (from its summary):

Template Driven Forms are maybe for simple forms slightly less verbose, but the difference is not significant. Reactive Forms are actually much more powerful and have a nearly equivalent readability.

Most likely in a large scale application we will end up needing the functionality of reactive driven forms for implementing more advanced use cases like for example auto-save.

Angular2 中的 ReactiveFormsModule 与 FormsModule

ReactiveFormsModule vs. FormsModule in Angular2

angular

angular-reactive-forms

angular2-forms