Как определить, что пользователь достиг конца списка в 7 виртуальной прокрутки?

Question

Я получаю данные из остальных API в пакетах по 25. Я использую виртуальную прокрутку для отображения данных. Теперь, когда прокручиваются эти 25 элементов, мне нужно запросить следующие 25 элементов. Как определить, когда пользователь достигнет конца из списка ??

Answer 1

Получить ссылку на виртуальный свиток, используя @ViewChild

 @ViewChild(CdkVirtualScrollViewport)
  viewport: CdkVirtualScrollViewport;

Чтобы проверить прокрутку до конца, используйте следующий код.

const end = this.viewport.getRenderedRange().end;

и, используя следующее условие, вы можете определить достигнутый конец для загрузки следующих элементов

const total = this.viewport.getDataLength();
if (end === total) {
    //Load next items
}

Вот пример бесконечный виртуальный скролл-угловой