Angular 2 Reactive Forms vs Template Forms
问题描述:
我们正在开始一个新的Angular 2项目,并且正在考虑是否使用Reactive Forms或Template Forms。背景阅读这里:https://angular.io/guide/reactive-formsAngular 2 Reactive Forms vs Template Forms
据我所知,活性形式最大的好处是,他们是同步的,但我们有简单的形式和我不认为异步会引起我们的问题。 Reactive似乎有更多的开销,表面上有更多的代码来做同样的事情。
有人可以提供一个坚实的用例,我会使用简单的模板形式反应?
答
模板驱动设计的优势在于其简单性。控制器中不会有太多的代码。大多数逻辑发生在模板中。这适用于在html代码后面不需要太多逻辑的简单表单。
但是每个表单都有一个状态,可以通过许多不同的交互进行更新,并且由应用程序开发人员来管理该状态并防止它被损坏。这对于非常大的表单很难做到,并且可能引入错误。
另一方面,如果需要更多逻辑,通常还需要测试。然后,反应式模型驱动设计提供了更多。我们可以单元测试表单验证逻辑。我们可以通过实例化类,在表单控件中设置一些值并执行测试。对于复杂的软件,这对于设计和可维护性来说是绝对需要的反应式模型驱动设计的缺点是其复杂性。
还有一种混合两种设计类型的方法,但这会有两种类型的缺点。
你可以找到这个简单的示例代码解释了两种方式在这里: Introduction to Angular Forms - Template Driven vs Model Driven or Reactive Forms
大汇总,不知你是否可以提供你的感觉是什么复杂的方案可能是一个例子吗? – bwobbones
基于用户更改的验证规则(针对不同国家或管理员与标准用户的不同规则),动态添加输入元素,等待验证,直到用户停止输入一段时间。这些是马上想到的。你可以在你下定决心之前观看课程:https://app.pluralsight.com/library/courses/angular-2-reactive-forms/table-of-contents。你可以注册一个免费的一周。 – DeborahK
对我有意义! – bwobbones