使用Angular 4 src显示图像

Question

使用AngularJS可以显示如下图像：

ng-src="public/img/{{item.image}}" 

其中{{item.image}}存储在MongoDB中。

因此，我的问题非常简单......我将如何在Angular 4中实现同样的目标？

Answer 1

这样的事情：

<img src = "public/img/{{item.image}}">

或者正如Pankaj指出的那样：

<img [src] = "'public/img/' + item.image">

Angular文档中有一章将AngularJS功能映射到可能有用的Angular功能：

https://angular.io/guide/ajs-quick-reference#ng-src

Answer 2

使用其中任何一个：

<img src="public/img/{{item.image}}" />
<img [src]="'public/img/'+item.image" />

Answer 3

类似的东西也可以工作：

<img [src] = `public/img/${item.image}`>

使用反引号代替单引号或双引号和$ {variable_name}。