AngularJS在页面上显示svg文件答案

【问题标题】：AngularJS display svg file on pageAngularJS在页面上显示svg文件
【发布时间】：2015-12-15 01:59:03
【问题描述】：

我有一个 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】：

查看工作演示：Plunker。

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

【讨论】：