2016-07-24 36 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