Per la manipolazione degli attributi SVG esiste una soluzione specifica in AngularJS.
Consideriamo il seguente codice:
<svg>
<circle cx="{{cx}}"></circle>
</svg>
A causa delle restrizioni delle API DOM di SVG otterremo l'errore Error: Invalid value for attribute cx="{{cx}}". La soluzione consiste nell'utilizzare
ng-attr-cx
:
<svg>
<circle ng-attr-cx="{{cx}}"></circle>
</svg>