Angular 7:表单上的双向数据绑定

Angular 7:表单上的双向数据绑定,angular,forms,angular-reactive-forms,angular7,Angular,Forms,Angular Reactive Forms,Angular7,我目前正在做我的第一个角度项目之一,我正在努力决定采取什么方法最好 我正在进行的项目由一个包含财务模拟的表单组成(可以将其视为将xls表放入一个angular应用程序) 更改一个表单输入(xls单元格)中的值必须导致自动重新计算其他字段。这些字段可以分布在多行上 目前,我正试图使用被动表单模块来实现这一点,但当元素发生变化时,我很难响应事件(因为我觉得在每个字段上实现(改变)似乎不是一个好主意) 难道没有什么方法可以将值绑定到对象属性,并以这种方式计算它们吗 要提供一些附加上下文,请执行以下操作

我目前正在做我的第一个角度项目之一,我正在努力决定采取什么方法最好

我正在进行的项目由一个包含财务模拟的表单组成(可以将其视为将xls表放入一个angular应用程序)

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

目前,我正试图使用被动表单模块来实现这一点,但当元素发生变化时,我很难响应事件(因为我觉得在每个字段上实现(改变)似乎不是一个好主意)

难道没有什么方法可以将值绑定到对象属性,并以这种方式计算它们吗

要提供一些附加上下文,请执行以下操作: 我正在为有顾问的公司创建一个盈利模拟器。 因此,每一行都包含一位顾问及其成本、购买价格、每日费率等

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

非常感谢所有建议/方法


最佳

所有反应形式的控制都是可观察的。您可以在更改时订阅表单组,并处理对表单组或任何可能存在的嵌套表单组的所有更改,然后访问这些更改。我不知道为什么Angular 7中的反应形式不支持ngModel——在我看来这是一个糟糕的举动。许多人将因此而远离反应式表单,这是一种耻辱。

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