Angular 7：表单上的两种数据绑定答案

【问题标题】：Angular 7: Two way databinding on formsAngular 7：表单上的两种数据绑定
【发布时间】：2018-11-04 11:10:53
【问题描述】：

我目前正在从事我的第一个 Angular 项目之一，我正在努力决定采用哪种方法最好。

我正在进行的项目包含一个包含财务模拟的表单（将其视为将 xls 表放入 Angular 应用程序）。

更改一个表单输入（xls 单元格）中的值必须导致其他字段自动重新计算。这些字段可以分布在多行中。

目前我正在尝试使用响应式表单模块来执行此操作，但是当元素更改时我无法响应事件（因为我不觉得在每个字段上实现（更改）似乎是个好主意）。

有没有什么方法可以将值绑定到对象属性并以这种方式计算？

提供一些额外的上下文：我正在为有顾问的公司创建一个盈利能力模拟器。因此，每一行都包含一位顾问及其成本、购买价格、每日费率等。

我现在正在考虑切换/重构为模板驱动的表单以使用 ([ngModel])...

非常感谢所有建议/方法！

最好的

【问题讨论】：

【解决方案1】：

反应式表单上的所有控件都是可观察的。您可以订阅表单组的更改，并处理对表单组或可能存在的任何嵌套表单组的所有更改 - 并访问更改。我不知道为什么 Angular 7 中的反应形式不支持 ngModel - 在我看来这是一个糟糕的举动。由于这个原因，许多人将被赶出反应形式 - 这是一种耻辱。

【讨论】：

阅读从反应式表单控件中删除 ngModel 的原因 - 他们声称这是由于开发人员的困惑......相信我，现在关于如何再次实现双向绑定有更多的困惑 - 和我对这一反复无常的举动感到非常困惑。
我和你在这件事上。我很难想出一个解决方案来在我的应用程序中替换 ngModel，我在其中使用大量动态控件创建，并且每个控件都与模型进行双向绑定，并且模型在提交时将被推回 API。将我的 Angular 6 应用程序更新到 7 是一场噩梦。如果有人可以为此分享一个更清洁的解决方案，我真的很感激。