AngularJS在页面上显示svg文件

时间:2015-09-18 03:09:46

标签: javascript angularjs svg

我有一个angularJS服务,它从json文件中读取数据并返回一个带有一些SVG图像文件名的对象。

我在返回对象上有一个ng-repeat来查看和显示页面上的所有SVG文件。

这是我模板上的ng-repeat

<div ng-repeat="items in libCtrl.categories track by $index">
  <div ng-include="img/library/items.categoryImage"></div>
</div>

此代码不会在页面上显示任何SVG图像文件。 但是如果我在ng-include上硬编码文件名的值就可以了。

<div ng-repeat="items in libCtrl.categories track by $index">
  <div ng-include="'img/library/myfile.svg'"></div>
</div>

如何使用items.categoryImage中的数据使其工作?

1 个答案:

答案 0 :(得分:4)

检查工作演示:Plunker

使用<div ng-include="'img/library/' + items.categoryImage"></div>