Angular 2の各ngFor後のデータの計算と格納

Question

MEANプロジェクトとしてトランザクショントラッカーを作成しています。 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> 

今あなたが見ることができ、バランスが適切に計算されていません。 どうすればいいですか？どのように反復ごとにバランスを保存して表示するのですか？私の論理のどれも働いていないようです。

Answer 1

<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 + + (DONT KNOW HOW TO ADD THE PREVIOUS BALANCE)}} </td> </tr> </tbody>

さて、あなたは、インデックスを持っています。

(trans.creditAmt - trans.debitAmt) + (transactions[i - 1].debitAmt + trasnactions[i - 1].creditAmt)

.. i != 0場合は、しかし、コンポーネントでこれを行う必要があります。以前の残高を把握するための変数を作成する必要があるため、計算も同様です。