图像加载后，角度cdk-virtual-scroll-viewport <img/>，由于元素高度不正确，滚动方向显示不正确的空白

Question

当按照以下代码使用角cdk-virtual-scroll时，内容在加载图像之前正确显示。但是，加载图像后，滚动似乎无法正常工作。

在这种情况下，滚动方向是垂直的。当滚动发生时，额外的空白将添加到父视口的底部。

我推测滚动元素确定了图像加载之前的子尺寸，因此每个子的高度与图像加载之后的实际子高度不匹配。

请问我有什么解决此问题的选择。

<cdk-virtual-scroll-viewport sytle="height: 500px" autosize>

<div *cdkVirtualFor="let item of items | async">

<img *ngIf="item.source" src={{item.source}}>
<div>
{{item.text}}
</div>

</div>

</cdk-virtual-scroll-viewport>