如何在角度表达式中操作添加操作？答案

【问题标题】：How to manipulate an add operation in angular expression?如何在角度表达式中操作添加操作？
【发布时间】：2020-02-12 23:39:37
【问题描述】：

我有一个输出记录，

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

在我的 html 页面中，我需要添加这些成功计数和显示。

我的 HTML：

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

在这里我可以单独显示成功计数。但我需要将它们都添加到 html 本身并显示。谁能告诉我怎么做？

【问题讨论】：

【解决方案1】：

不需要在数组上使用*ngFor，因为您不需要为每个项目显示任何内容。您可以从 HTML 调用一个函数并像这样显示计数 -

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

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

在这种情况下，最好的方法是在控制器中计算计数并将值存储在某个变量中并打印出来。

PS：但不建议在 Angular 中调用模板中的函数，因为它会在每次更改检测时调用，这可能会导致应用程序性能下降。

【讨论】：