20k条记录的Angular下拉列表

Question

我必须在我的应用程序的下拉列表中显示2万条记录。

我有搜索条件，可以按ID和Name查找下拉记录。

实现这种情况的最佳方法是什么？

Answer 1

您可以使用分页或使用虚拟下拉项，其中仅在滚动视口中呈现可见的li

此代码可以为您提供帮助：

isElementInViewport(el) {
    const rect = el.getBoundingClientRect();
    const pdfContainer = this.element.nativeElement;

    const windowHeight = (pdfContainer.innerHeight || window.innerHeight || document.documentElement.clientHeight);
    const windowWidth = (pdfContainer.innerWidth || window.innerWidth || document.documentElement.clientWidth);

    const vertInView = (rect.top <= windowHeight) && ((rect.top  rect.height) >= 0);
    const horInView = (rect.left <= windowWidth) && ((rect.left  rect.width) >= 0);

    return (vertInView && horInView);
}