ANGULAR4中的动态图像名称

Question

在资源文件夹中，我已有图像，但名称将来自后端

名称如foo

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

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

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

但我无法看到图片，我收到了一些HTML错误

Answer 1

试试这个语法：

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