SVG在Angular2

Question

循環我有下面的格式返回數據的API：

[{"title": "first", "icon": "firstIcon.svg"}, 
{"title": "second", "icon": "iconForSecond.svg"} 
. 
. 
] 

我想這些添加到使用* ngFor的Angular2頁。我可以使用易於使用SVG作爲圖像做到這一點：

<div *ngFor=""> 
    <img [src]='item.icon'/> item.title 
</div> 

但是，如果我嘗試做同樣的事情，使用SVG的，規定在[1]，因爲我希望能夠運用CSS懸停SVG等風格。我似乎無法得到它的工作。我嘗試的兩種方法都不行。

<object data="item.icon" type="image/svg+xml"> // Does not work 
<object [data]="item.icon" type="image/svg+xml"> // Does not work 

我該怎麼辦？我在這裏錯過了什麼？

[1] Do I use <img>, <object>, or <embed> for SVG files?

Answer 1

檢查這一個

<object data="{{ 'path/to/svg/' + item.icon }}" type="image/svg+xml"> 
    <img src="yourfallback.jpg" /> 
</object>