最后获得单列的总数

Question

我有一个创建网格，最后我需要最后的循环列

<tr *ngFor="let racklist of racklists">
 <span style="display:none;">{{racklist.billedhour}}</span>
</tr>
<tr>
  Total
</tr>

请参阅下表

计费时间

 0.40
 0.40
 10.0
 12.0 

总数应为22.80

Answer 1

您可以具有一个计算总数并返回总数的函数。

getTotal(){
  return this.racklists.reduce((a, b) => +a + +b.billedhour, 0);
}

并调用函数

<tr>
  {{getTotal()}}
</tr>