ANGULAR4 中的动态图像名称答案

【问题标题】：dynamic image name in ANGULAR4ANGULAR4 中的动态图像名称
【发布时间】：2017-09-25 14:12:26
【问题描述】：

在 assets 文件夹中，我已经有图片了，但是名字会来自后端

名字如foo

我们在组件中有变量，比如public imageName，foo 将动态绑定到这个变量。

所以在 html 中我想显示这个图像我试过下面的代码

<img [src]="/assets/{{imageName}}'.jpg'" class="img-thumbnail" alt="{{imageName}}" width="304" height="236">

但我无法看到图像，我收到一些 html 错误

【问题讨论】：

问题是你在.jpg之间添加了'。尝试删除那些。
试试这个<img src="/assets/{{imageName}}.jpg" class="img-thumbnail" alt="{{imageName}}" width="304" height="236">
谢谢.. 这行得通

【解决方案1】：

试试这个语法：

<img [src]="'assets/'+imageName+'.jpg'" class="img-thumbnail" alt="{{imageName}}" width="304" height="236">

【讨论】：

或<img src="assets/{{imageName}}.jpg" class="img-thumbnail" alt="{{imageName}}" width="304" height="236">