如何显示临时图像(占位符),直到从服务器Angular2加载实际图像

时间:2017-03-25 08:48:05

标签: angular

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

使用如下条件

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