在视图充电时显示图像

Question

我有一个包含他们的图像的用户列表。

我首先在ionViewWillEnter中称呼服务

ionViewWillEnter() {
    this.myservice.getUsers("")
    .subscribe(
    result => {
        _this.users= result.users;
    },
    error => {
    }
  )
}

在每个项目中，我将avatar_url放在用户的图像 src 中：

<ion-item *ngFor="let user of users">
    <ion-img src="{{user.avatar_url}}"></ion-img>
    .......
</ion-item>

当视图充电时，不会显示任何内容。我必须向下滚动才能显示图像。

有没有办法先显示图像？

Answer 1

如果使用 <ion-img> 标记，则仅当图像在设备屏幕上可见时，才会加载图像。阅读以下手册 https://ionicframework.com/docs/api/components/img/Img/

ion-img 组件类似于标准 img 元素，但它也增加了功能以提供改进的性能。功能包括仅加载可见的图像，对HTTP请求使用Web工作线程，防止滚动和内存缓存时卡顿。

如果您想避免这种情况，则可以改用标准<img>标签