如何从静态后端路径以Angular显示图像？

Question

我在后端有一个保存图像的路径。我可以从mongo获取路径并以角度复制它，但是，当我将标记与src绑定一起使用时，它不会显示图像和任何错误：

组件内部的路径：

this.profileService.getImg().subscribe(res => this.imagePath = res['img']);

控制台日志的返回：

console.log(this.imagePath);

http://localhost:3000/avatars/5db84cdf4c6efe073864f9e7.jpeg

html标记：

<img [src]="imagePath">

我已经尝试了其他文章中发现的几种方法，但是无法使其正常工作。对正在发生的事情有什么想法，我该如何解决？

Answer 1

使用属性绑定应该起作用：

 <img [src]="imagePath">

但是您也可以尝试字符串插值：

 <img src="{{imagePath}}">