使用AngularJS动态显示图像

Question

我有一个包含项目列表的数据库。每个项目都有自己的唯一ID。我想使用AngularJS将ID与文件夹中的图像相关联。我试过这个：

<img ng-src="~/images/assets/mainImg/{{stages.stageID}}.gif" alt="{{imageDescription}}" style="width:100px;height:100px">

但它不起作用。有什么建议吗？

Answer 1

您的公共路径中是否有名为~的目录？您很可能只想在下面定义源。

<img ng-src="images/assets/mainImg/{{stages.stageID}}.gif" alt="{{imageDescription}}" style="width:100px;height:100px">

如果这不起作用，你能告诉我们你的目录结构吗？