AngularJS: manipolazione degli attributi SVG

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>

Riferimenti

AngularJS: Developer Guide: Interpolation