确定高度后添加到离子列表加载的图像 URL

Question

我不得不在这项技术经验有限的情况下提出一个问题，我正在努力寻找解决方案。我相信我现在知道为什么会引起这个问题，但我不知道如何解决它。

我有一个页面向远程服务器发出请求以获取列表，其中一个值是包含需要显示的图像的链接。不幸的是，发生的事情是，我们把这些项目都找回来，把它们全部添加到列表中，然后列表计算出它的大小。然后图像加载，一切都溢出。

<ion-list [virtualScroll]="info" #infoList id="infoList">
  <ion-item  *virtualItem="let item">
    <div [innerHTML]="item.innerHTML"></div>
  </ion-item>
</ion-list>

关于如何使离子列表重新计算其高度或以编程方式重新计算其高度的任何建议？

Answer 1

首先加载图像，然后显示它们。这意味着浏览器加载图像，并且它已经完成了构建视图 这可以通过下面的js来完成。

var imageObj = new Image();
imageObj.onload = function () {
    // this is called when image is loaded.
};
imageObj.src = image;