AngularJS在页面上显示svg文件

Question

我有一个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中的数据使其工作？

Answer 1

检查工作演示：Plunker。

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