当我的图像仍在从服务器加载时,如何获取要加载的占位符图像
我正在构建一个具有角度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" >
相关文章