Arrays 在Angular 2中的每个ngFor之后计算和存储数据

我正在创建一个事务跟踪器作为一个卑鄙的项目，并被困在这里。我需要显示使用ngFor的所有事务。我想在每笔交易后显示贷方和借方金额与之前余额的差额。知道怎么做吗

这是我的代码

   <tbody>
    <tr *ngFor="let trans of transactions; index as i;">
      <td>{{ trans.date | date:'dd-MM-yyyy'}}</td>
      <td>{{ trans.billNo }}</td>
      <td>{{ trans.description }}</td>
      <td>{{ trans.creditAmt }}</td>
      <td>{{ trans.debitAmt }}</td>
      <td>{{ trans.debitAmt + trans.creditAmt + (DONT KNOW HOW TO ADD THE PREVIOUS BALANCE)}} </td>
    </tr>
  </tbody> 

在我的表格中，你可以看到，余额没有正确计算。 我该怎么做？如何在每次迭代后存储余额并显示？我的逻辑似乎都不起作用。

{{trans.date}日期：'dd-MM-yyyy'} {{trans.billNo}} {{trans.description}} {{trans.creditAmt}} {{trans.debitAmt}} {{trans.debitAmt++不知道如何添加上一个余额}

你有索引。如果我0

trans.creditAmt-trans.debitAmt+交易[i-1]。debitAmt+交易[i-1]。creditAmt

---

不过，您应该在组件中执行此操作。因为您需要创建一个变量来跟踪以前的余额，因为它也是一个计算。

我尝试在Typescript文件中创建一个名为balanceAmount的变量，并在ngFor balance列中调用一个方法，添加credt和debit amount，然后将balanceAmount分配给结果并返回balanceAmount。然后我得到一个错误，因为我覆盖了balanceAmount，它被刷新，从而进入一个无限循环。错误：ExpressionChangedTerithasBeenCheckedErrori将在填充表之前计算类中数组中的所有内容。。我给了你一个答案，但我同意@VegaI我是angular的初学者，你能给我一些提示吗？我应该使用创建管道吗？或者我可以在Ts文件本身中执行吗？哇！我从来都不知道我可以用指数I在插值中做这么多计算。非常感谢。我现在正在尝试维加建议的方法，谢谢你的帮助。