виртуальная прокрутка и при наведении - PullRequest
Новая
       36

виртуальная прокрутка и при наведении

0 голосов
/ 11 июля 2019

У меня длинный список предметов, у каждого предмета есть свой компонент с некоторыми изображениями и данными.

Для этого я использую виртуальную прокрутку, и она работает.

Кроме того, я должен выделить предмет, который был надет. Итак, я использую 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>
...