模板驱动形式和反应形式之间的实际区别是什么? [英] What are the practical differences between template-driven and reactive forms?

问题描述

我一直在阅读有关 Angular2 新表单 API 的信息，似乎表单有两种方法，一种是模板驱动的表单，另一种是反应式或模型驱动的表单.

I have been reading about Angular2 new Forms API and it seems that there are two approaches on forms, one is Template driven forms other is reactive or model-driven forms.

我想知道两者之间的实际区别，不是语法上的差异(显然)而是实际用途以及哪种方法在不同场景中受益更多.另外，选择一个而不是另一个是否有性能提升?如果是，为什么?

I would like to know the practical difference between the two, not the difference in syntax (obviously) but practical uses and which approach benefits more in different scenarios. Also, is there a performance gain in choosing one over the other? And if yes, why?

推荐答案

模板驱动表单功能

• 易于使用
• 适合简单场景，复杂场景失败
• 类似于 AngularJS
• 双向数据绑定(使用[(NgModel)]语法)
• 最少的组件代码
• 自动跟踪表单及其数据(由 Angular 处理)
• 单元测试是另一个挑战

响应式表单功能

• 更灵活，但需要大量练习
• 处理任何复杂的场景
• 不进行数据绑定(大多数开发人员首选的不可变数据模型)
• 更多的组件代码和更少的 HTML 标记
• 可以使响应式转换成为可能，例如
  • 根据去抖动时间处理事件
  • 在组件不同时处理事件直到更改
  • 动态添加元素

  这篇关于模板驱动形式和反应形式之间的实际区别是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！