angular cdk-virtual-scroll-viewport <img>после загрузки изображения, направление прокрутки показывает неправильное пустое пространство из-за неправильной высоты элемента - PullRequest
0 голосов
/ 14 сентября 2018

при использовании угловой 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>
...