Question

我有一个包含图片的用户列表。

我先在<div class="card card-1"> <div class="topImage"> </div> <div class="bottom"> <p>Project 1</p> </div> </div> <div class="card card-1"> <div class="topImage"> </div> <div class="bottom"> <p>Project 2</p> </div> </div> <div class="card card-1"> <div class="topImage"> </div> <div class="bottom"> <p>Project 3</p> </div> </div>

中拨打电话

ionViewWillEnter

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

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

    }
  )
}

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

首先是否有显示图像的方法？

Answer 1

如果使用<img>标记，则只有在设备屏幕上显示图像时才会加载图像。请阅读https://ionicframework.com/docs/api/components/img/Img/

手册中的以下内容

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

如果您想避免这种情况，那么您可以使用标准__consumer_offsets代码

在观看电视时显示图像

1 个答案: