Angular ng select-大数据集加载缓慢
我正在使用Angular 5 1.4.2版的库。我有一个大约700条记录的大数据集。“我的选择”下拉列表中的数据显示正常,但仅在几秒钟后显示。有没有办法让它看起来更快 我已经研究过虚拟滚动。这是一种选择吗?我还需要能够做搜索和在演示我不知道这是否有效 以下是“我的选择”框的HTML:Angular ng select-大数据集加载缓慢,angular,angular-ngselect,Angular,Angular Ngselect,我正在使用Angular 5 1.4.2版的库。我有一个大约700条记录的大数据集。“我的选择”下拉列表中的数据显示正常,但仅在几秒钟后显示。有没有办法让它看起来更快 我已经研究过虚拟滚动。这是一种选择吗?我还需要能够做搜索和在演示我不知道这是否有效 以下是“我的选择”框的HTML: <ng-select [items]="clients| async | orderBy : ['name']" [closeOnSelect]="true" [s
<ng-select [items]="clients| async | orderBy : ['name']"
[closeOnSelect]="true"
[searchable]="true"
bindValue="id.clientID"
bindLabel="name"
placeholder="Select a Client..."
notFoundText=""
[(ngModel)]="selectedClient"
name="client">
</ng-select>
客户被定义为
clients: Observable<Client[]>;
客户:可观察;
您是否已经测试了您提到的虚拟滚动?对我来说,它在一个大数据集上做到了这一点,因为它不会尝试一次呈现所有项目。虚拟滚动将使它一次只呈现部分数据集到DOM中(因此没有700个项目滞后于浏览器,你甚至看不到)。这可能会有帮助,所以绝对值得一试。如果对getClients()
的调用返回缓慢,那么这也可能是一个问题。到目前为止,还没有尝试虚拟滚动。在[searchable]=“true”且项目未加载到缓冲区的情况下,它是否有效?是的,虚拟滚动对我有效,也可搜索。搜索函数搜索您的数据集,而不是呈现给DOM的数据集
clients: Observable<Client[]>;