如何在角度表达式中进行加法运算？

Question

我有输出记录，

  "Records": [{"successcount":3,"tap":"DF"},{"successcount":6,"tap":"MF"}] in this format.

在我的html页面中，我需要添加这些successcount和显示。

我的HTML：

   <ng-container *ngFor="let item of element.Records; let i=index">
      {{ item?.successcount }}
      {{ i }}
   </ng-container>

这里我无法单独显示成功计数。但是我需要在html本身中添加它们并显示它们。谁能告诉我该怎么做？

Answer 1

您可以从HTML调用函数并像这样显示计数-

<div>{{totalSuccessCount()}}</div>

totalSuccessCount() {
   element.Records.reduce((a, b) => a.successcount + b.successcount);
}

[PS：但是不建议您按角度来调用模板中的函数，因为它将在每次更改检测时调用，这可能会降低应用程序的性能。