У меня длинный список предметов, у каждого предмета есть свой компонент с некоторыми изображениями и данными.
Для этого я использую виртуальную прокрутку, и она работает.
Кроме того, я должен выделить предмет, который был надет. Итак, я использую mouseenter для этого и просто включаю класс, это происходит.
Проблема в том, что при прокрутке обновление класса занимает некоторое время, я думаю, это из-за обновления виртуальных прокручиваемых элементов.
<cdk-virtual-scroll-viewport [itemSize]="cardSizeDisplay" class="virtual-scroll-list">
<div class="virtual-scroll-element" *cdkVirtualFor="let item of myList; templateCacheSize: 10">
<div fxFlexFill [ngClass]="{'selected-row': selected}" (mouseenter)="selected=true" (mouseover)="selected=false">
//print the component with images and data
</div>
</div>
</cdk-virtual-scroll-viewport>