ng-select-大数据集加载缓慢

时间:2019-06-05 19:10:48

标签: angular angular-ngselect

我正在将ng-select库用于版本1.4.2的Angular 5。我有大约700条记录的大数据集。我的选择下拉列表中的数据看起来不错,但仅在几秒钟后出现。有什么方法可以使其更快显示?

我看过虚拟滚动。这是一个选择吗?我还需要进行搜索,在https://ng-select.github.io/ng-select#/virtual-scroll的演示中,我不确定是否可行。

这是我的选择框的HTML:

<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>

这是我的Angular组件代码,可在初始化时加载此数据:

ngOnInit() {
    this.clients = this.clientService.getClients();
}

客户定义为

clients: Observable<Client[]>;

0 个答案:

没有答案