2016-07-24 17 views
0

x.Graphic Last in dem Pfad zu der SVG-Datei = „./img/house.svg“Winkelbelastung in dynamischer Vorlage für ein SVG

Das Problem ist, ich nicht herausfinden kann, wie es zu laden das ng-include stück? Auch von dem, was ich gelesen habe, sollte es innerhalb der <svg>-Tag, die in der Include div. Irgendwelche Ideen, wie dies funktioniert, so wie ich es möchte?

<div class="row graphic caption" ng-repeat="x in myData" ng-show="item ==({{$index}})"> 

    <div ng-include="{{x.Graphic}}" class="ng-scope"> 
     <svg width="770" height="500"> 

     </svg> 
    </div> 

</div> 

Antwort

0

Cant Sie gerade tun:

<div class="row graphic caption" ng-repeat="x in myData" ng-show="item ==($index)"> 
    <img width="770" height="500" src="{{x.Graphic}}"> 
    </img> 

Prüfen Sie auch, ob item == $index Grafik verursacht nicht Hinweis zeigen: Versuch mit <object data="blah blah"> auch

Eine andere Sache zu spielen versuchen:

<svg width="770" height="500"> 
     {{x.Graphic}} 
</svg> 
+0

eigentlich denke ich, dass das möglich ist, aber ich hatte gehofft, in der Svg-Datei zu laden, damit ich es animieren kann. – Blynn

+0

Wie wäre es mit dem Versuch, direkt in Svg-Tags zu rendern? – vodich

+0

Das einzige Problem mit dem Rendering innerhalb des Tags selbst ist, dass die Svg-Datendatei viele Zeilen Code ist, also hoffte ich, es als Dateipfad zu importieren, der in den tatsächlichen Code konvertiert, so dass ich es in der Vorlage nicht sehen muss und meine Vorlage kann sehr sauber sein. – Blynn