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

-1

我目前正在学习angular2。我有我需要从Web服务器加载图像的情况，这需要一些时间，直到img标记不被渲染/大小保持为0像素。这在图像加载正确时看起来很奇怪。如何显示一个临时图像（占位符），直到实际图像从服务器加载，Angular2

是否可以在实际图像加载之前显示临时图像。

编辑::我的img标签现在是这样的：

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

但它不工作。直到服务器映像到达时才显示no_image。

2017-03-25 raju

你真的想要一个占位符图像，或只是一个元素的图像的大小要加载，以保持其在布局的地方吗？在后一种情况下，你是否已经知道加载之前图像有多大？这不是一个真正的Angular问题，你可以通过将'img'放入另一个具有显式大小的元素来实现。 – jonrsharpe

使用如果情况是这样

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

2017-03-25 08:51:01

只是出于好奇 - angular2如何决定是否需要Server_image或Placeholder_imagw，如果两者都可用。 – raju

它取决于优先级，首先角度将检查'server_image'比'占位符'一个 –

所以它是这样的，它是“src”中的第一个参数具有更高优先级 – raju

回答