2014-10-17 90 views
0

我想要在我的模板中包含一個svg文件。如何使用ng-include包含文件?

data.data.svg = 'test.svg' 
console.log(data.data) 
{'svg' : 'test.svg'} 

data.data返回其它數據太多,但上述目的是svg元件是如何在控制檯上顯示。

我試過幾件事情在我的模板:

<div ng-include="data.svg"></div> 
<div ng-include="data.data.svg"></div> 

這裏是我想要達到一個例子plunker,但我需要將它添加到data.data對象。

回答

2

我不認爲你實施ng-include的方式有什麼問題,而是你的svg文件和css。我已付出你的plunker,看演示在這裏:http://plnkr.co/edit/YbF5hDmUJq90uV4P9XpC?p=preview

SVG取代了演示:

<svg width="100" height="100"> 
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> 
</svg> 
+0

是啊,在SVG本身的問題,而不是它包含的方式。 – 2014-10-17 10:45:09