如何从angular 2中的动态输入中获得总和

如何从angular 2中的动态输入中获得总和，我不知道如何实现这一点。谢谢

//html组件

我认为您使用的是被动表单控件，那么表单标记中的所有表单控件在表单实例中都有其值，如下所示

<form [formGroup]="myForm">
            <input type="number" formControlName="value1"/>
            <input type="number" formControlName="value2"/>
</form>

您的表单实例

myForm

将包含属性

myForm.value

中所有控件的更新值，根据本例，将包含

{“value1”：2，“value2”：5}

，其中您需要总计，只需使用此属性对象并按如下方式打印总和

sum = Object.keys(this.myForm.value).reduce((prev, curr) => {
  return prev + this.myForm.value[curr]
}, 0);

---

我认为您正在动态创建借方文本，并且还使用了

ngModel

，因此您可以这样做

（onChange）=“findSum（）”

对于借方的每个输入文本 并为总输入文本设置

[（ngModel）]=“totalVal”

在.ts文件中执行此操作

findSum(){sum= 0;
for( data of debit){total = total + data;}
totlaVal = total;
}

---

请提供您的代码@ŌkamiXOukarin实际上我还没有功能，您能帮我了解一下这个实现的想法吗？我这里有一个例子，其中的sum函数输入是动态的。没关系。表单实例始终包含在该表单中注册的输入

sum = Object.keys(this.myForm.value).reduce((prev, curr) => {
  return prev + this.myForm.value[curr]
}, 0);

findSum(){sum= 0;
for( data of debit){total = total + data;}
totlaVal = total;
}