在确定高度后，将图像URL添加到ion-list加载

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;