Angular - SVG中的函数调用

Question

我正在创建一个Angular应用程序，我希望显示其中一个函数的值， average ，我写过。

<svg *ngFor="let item of items;" width="500" height="75">
  <circle cx="50" cy="50" r="20" [attr.fill]="item.color" />
  <text x="100" y="50">"average(item.count)"% {{item.name}}</text>
</svg> 

是否可以在svg文本中获取平均函数调用的实际值？

如果没有，有人能指出我正确的方向，我可以在哪里找到这个吗？

由于

Answer 1

只需使用插值，如：

<text x="100" y="50">{{ average(item.count) }}% {{item.name}}</text>

但请记住，您的平均功能将在每个更改检测周期执行。因此，为此准备数据也许是值得的。