Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular ng select-大数据集加载缓慢_Angular_Angular Ngselect - Fatal编程技术网

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

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

我正在使用Angular 5 1.4.2版的库。我有一个大约700条记录的大数据集。“我的选择”下拉列表中的数据显示正常,但仅在几秒钟后显示。有没有办法让它看起来更快

我已经研究过虚拟滚动。这是一种选择吗?我还需要能够做搜索和在演示我不知道这是否有效

以下是“我的选择”框的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>
客户被定义为

clients: Observable<Client[]>;
客户:可观察;

您是否已经测试了您提到的虚拟滚动?对我来说,它在一个大数据集上做到了这一点,因为它不会尝试一次呈现所有项目。虚拟滚动将使它一次只呈现部分数据集到DOM中(因此没有700个项目滞后于浏览器,你甚至看不到)。这可能会有帮助,所以绝对值得一试。如果对
getClients()
的调用返回缓慢,那么这也可能是一个问题。到目前为止,还没有尝试虚拟滚动。在[searchable]=“true”且项目未加载到缓冲区的情况下,它是否有效?是的,虚拟滚动对我有效,也可搜索。搜索函数搜索您的数据集,而不是呈现给DOM的数据集
clients: Observable<Client[]>;