javascript - 如何计算 Angular 2+ 中表格列的总和？

Question

我有一个根据用户选择动态过滤的表(管道)。

我需要在底部输入一个摘要行，该行将显示 item.total 列的 SUM。这是代码，实现它的最佳方法是什么？

  <tbody>
      <tr class="newLine" *ngFor="let item of records | filter:profile | location:selectedRegion ">
        <td scope="row">{{item.name}} </td>
        <td scope="row">{{item.profile}} </td>
        <td scope="row">{{item.location}} </td>
        <td scope="row">{{item.numOfTags}}</td>
      </tr>
      <tr>{{total numOfTags??}}</tr>
  </tbody>

Answer 1

我找到了另一种方法来重现代码并具有更好的性能，这是代码:

<div    *ngFor="let item of records | yourfilterChain;let last=last;let sum=ngForOf.reduce((a,b)=>a+b,0)" >
     {{item}}
     <div *ngIf="last">{{sum}} </div>
</div>

您可以使用ngfor内部的箭头函数计算过滤结果的总和