2016-07-24 70 views
0

x.Graphic載荷路徑到SVG圖像=「./img/house.svg」角負載爲SVG

問題是我不能找出如何將其加載到ng-include片?也從我讀的它應該加載內部包含div的<svg>標籤。任何想法如何讓這個以我想要的方式運作?

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

回答

0

廣東話你只是做:

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

同時檢查item == $index導致圖形不顯示 注: 嘗試<object data="blah blah">發揮以及

另一件事嘗試:

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

其實我想這是可能的,但我希望在SVG文件加載,所以我可以製作動畫。 – Blynn

+0

如何嘗試直接渲染內部svg標籤? – vodich

+0

與標籤本身內呈現唯一的問題是,SVG數據文件是多行代碼,所以我希望導入它作爲轉換成實際的代碼的文件路徑,所以我沒有看到它的模板和我的模板可以很乾淨。 – Blynn