当我的图像仍在从服务器加载时，如何获取要加载的占位符图像 [英] How do I get a placeholder image to load when my image is still loading from server

问题描述

我正在构建一个具有角度4/离子3的应用程序，该应用程序加载用户从服务器上传的图像。我当前正在使用以下代码，但它不起作用：

<img src="{{user.image}} || assets/images/profileimage.png" />

我不确定我做错了什么。我想，在从服务器加载主图像之前，它将显示占位符图像。相反，在加载主图像之前，它仍然是空白的。有没有我应该使用的特定角度的东西？

推荐答案

isImgLoaded:bool = false;

<img *ngIf="!isImgLoaded" src="assets/images/profileimage.png" >
<img [hidden]="!isImgLoaded" [src]="user.image" (load)="isImgLoaded = true" >

这篇关于当我的图像仍在从服务器加载时，如何获取要加载的占位符图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！