svg ungültiger Wert für <path>

Question

Ich habe ein Problem mit der Eingabe des SVG-Pfades d = "". Ich verstehe diese Fehlermeldung nicht.

html:

<svg style="height:300px"> 
    <path d="{{ room.coordinate }}" ng-repeat="room in rooms" fill="blue" stroke="black" stroke-width="2"></path> 
</svg> 

SVG Pfad: M 150 0 L75 200 L225 200 Z

Fehler:

Error: Invalid value for <path> attribute d="{{ room.coordinate }}" jquery.min.js:3 
Error: Invalid value for <path> attribute d="{{ room.coordinate }}" angular.min.js:23 

Answer 1

Dies bezieht dich auf diese Frage: D3 Integration with Angular: "Error: Invalid value for <rect> attribute x"

Und das Ausgabe: https://github.com/angular/angular.js/pull/2061

Für jedes <svg> Attribut sollte ng-attr-<name>={{<evaluated value>}} statt <name>={{<evaluated value>}} verwendet werden.