如何显示临时图像（占位符），直到从服务器Angular2加载实际图像

Question

我正在学习angular2。我有需要从Web服务器加载图像的情况，这需要一些时间，直到img标签未呈现/大小保持0 px。当图像正确加载时，它在布局上看起来很奇怪。

是否可以显示临时图像，直到实际图像加载为止。

编辑::我的img标签现在就像这样::

<img [src]="getImageUrl(package.id,package.poster_path) || 'assets/img/no_image.png'" alt="" class="bookposterImg" />

但它不起作用。在服务器映像到达之前，不显示no_image。

Answer 1

使用如下条件

<img class="logo" [src]="Server_image || Placeholder_imagw" alt="Anything">