Primeng数据表。计算金额并在页脚中显示

data: any[] = [
  { item: '商品A', price: 10 },
  { item: '商品B', price: 20 },
  { item: '商品C', price: 30 },
];

<p-table [value]="data">
  <ng-template pTemplate="header">
    <tr>
      <th>商品</th>
      <th>价格</th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-item>
    <tr>
      <td>{{ item.item }}</td>
      <td>{{ item.price }}</td>
    </tr>
  </ng-template>
  <ng-template pTemplate="footer">
    <tr>
      <td colspan="2">总金额：{{ calculateTotal() }}</td>
    </tr>
  </ng-template>
</p-table>

calculateTotal(): number {
  let total = 0;
  for (const item of this.data) {
    total += item.price;
  }
  return total;
}