HTML 中的计算总和正确但未保存到 Firebase？

Question

我可以使用以下代码正确地得到 HTML 中的总和：

<ion-item type="text" formControlName="billValue" 
[(ngModel)]="retailerItemModel" name="billValue" ngDefaultControl >Total 
Bill Value Rs. {{ totalValue(retailerItemModel) || 0 | number: '1.2-2' }}
</ion-item>

我正在使用 Firebase 通过 AngularFire 服务提供商保存数据：

saveBill(billValue: any =[], ): firebase.Promise<any>{
  return this.afDatabase.list(`userProfile/${this.userId}/billList/`).push({
    billValue          
  })
}

问题是在保存 firebase 数据后显示数组：

我希望显示所选值的总和而不是数组...有什么方法可以在 HTML 本身或控制器中为所选值进行计算...以下是控制器公式：

totalValue(retailerItemModel: any=[]){
  let total = 0;
  retailerItemModel.forEach((item) => {
    total += Number(item);
  })
  return total;
}

在我破坏某些东西之前请提出建议...:)

Answer 1

尝试这样的事情：

saveBill(billValue: any =[], ): firebase.Promise<any>{
  return this.afDatabase.list(`userProfile/${this.userId}/billList/`).push({
    billValue: totalValue(billValue)    
  })
}

当前，您正在保存数组。

HTML 中的计算总和正确但未保存到 Firebase？

Calculated sum correct in HTML but not saving to Firebase?

firebase

angularfire

ionic2

angular