Primeng可数据化。计算金额并将其分配在页脚中

Question

我在一个项目中使用 primeng 数据表。我正在尝试获取行分组数据表的页脚中的总和。求和必须在数据编辑和输入新数据期间进行。

下列函数计算总和:

sumNum1: number;
calculateGroupTotal1(sectionId: number) {
    this.sumNum1 = this.model.Register10Data.map(c => c.SectionId === 1 ? c.Num1 : 0)
        .reduce((sum, current) => +sum + current);

    console.log(this.sumNum1);

    return this.sumNum1;
}

SectionId是分组数据的值。

在页脚中，我调用这个函数。我通过这里的第一个例子做到了这一点-http://www.primefaces.org/primeng/#/datatable/rowgroup

<template pTemplate="rowgroupfooter" let-rowData>
<td style="text-align:left">Sum</td>
<td style="text-align:center">X</td>
<td style="text-align:center">X</td>
<td>{{calculateGroupTotal1(rowData['SectionId'])}}</td>
<td></td>
<td></td>
<td></td>
</template>

为什么在摘要字段中我得到字符串的串联而不是获得金额？也许有人做了这样的事情？任务很简单，但我不知道如何使用这个控件。

Answer 1

我想问题是您使用的值是字符串。您需要将该值转换为数字才能执行计算。

您可以使用 let numericalSum = Number（sum）;或者 let numericalSum = sum;如本答案所述。