表单概述

表单在任何应用程序中都起着重要作用。我们已经了解了如何在 Angular 中处理表单。通过使用属性绑定和事件处理，我们可以对表单输入进行控制。

这种方案在小型应用中表现良好。Angular 提供了两种替代方案来更好地控制表单及其输入：响应式表单和模板表单。虽然看起来 Angular 为表单开发提供了两个 API，但实际上任选其一都是完全合理的。

此外，你也可以不使用其中任何一种，继续采用属性绑定和事件处理的方式来开发表单。不过，我建议使用这两种方式，因为它们能让你更轻松地控制表单。

响应式表单

第一种表单系统是响应式表单。这类表单可以在组件类（即以 .component.ts 结尾的文件）中进行配置。这是一个功能非常强大的 API，特别适合构建复杂的表单。

响应式表单还支持 RxJS 观察者模式。如果你不打算使用观察者模式，也完全没有问题，因为 RxJS 对响应式表单来说完全是可选的。

唯一的缺点是它可能较难上手。响应式表单最适合用于开发复杂表单的场景。

模板表单

另一种系统称为模板表单。这类表单可以在组件的模板文件（即以 .component.html 结尾的文件）中进行配置。相比响应式表单，它的 API 更简单直观，适合构建简单的表单。但它的功能相对有限，如果需要创建复杂表单，可能会变得难以维护。

如何选择？

两者都是可行的选择。在实际项目中，你常常会看到其中任意一种被使用。我建议你熟悉这两种方式。接下来我们将首先学习如何使用响应式表单。它之所以更受欢迎，是因为它开箱即用地提供了极大的灵活性和强大功能。