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

时间:2018-11-04 11:10:54

标签: angular forms angular-reactive-forms angular7

我目前正在做我的第一个有角度的项目,我正在努力决定哪种方法最好。

我正在从事的项目由一种形式进行,该形式包含一个财务模拟(将其视为将xls表放入一个有角度的应用程序中)。

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

当前,我正在尝试使用反应式表单模块来执行此操作,但是当元素发生更改时我无法响应事件(因为我不希望在每个字段上实现(更改)似乎是个好主意)。

没有什么办法可以将值绑定到对象属性并以此方式计算它们?

要提供一些其他上下文: 我正在为拥有顾问的公司创建盈利能力模拟器。 因此,每一行都包含一个顾问,其成本,购买价格,每日费率等。

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

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

最佳

1 个答案:

答案 0 :(得分:1)

所有对反应形式的控制都是可观察的。您可以订阅更改的表单组,并处理对表单组或可能存在的任何嵌套表单组的所有更改-并访问更改。我不知道为什么Angular 7中的反应形式不支持ngModel-在我看来这是一个错误的举动。由于这个原因,许多人将被迫摆脱反应形式-这真是可惜。