当我的图像仍在从服务器加载时,如何获取要加载的占位符图像

2022-02-24 00:00:00 javascript html ionic3 angular

我正在构建一个具有角度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" >

相关文章