Angular - Funktionsaufruf in SVG

Question

Ich erstelle eine Angular App und ich möchte die Werte von einer der Funktionen, Durchschnitt, ich habe geschrieben.

<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> 

Ist es möglich, den tatsächlichen Wert des durchschnittlichen Funktionsaufrufs in Svg Text zu erhalten?

Wenn nicht, könnte mir jemand in die richtige Richtung zeigen, wo ich nachschauen kann?

Dank

Answer 1

Verwenden Sie einfach Interpolation wie:

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

aber bedenken Sie, dass Ihre durchschnittliche Funktion wird bei jeder Änderung Erfassungszyklus ausgeführt werden. Vielleicht lohnt es sich, Daten dafür vorzubereiten.