Angular 材质 4 虚拟重复答案

【问题标题】：Angular material 4 virtual repeatAngular 材质 4 虚拟重复
【发布时间】：2018-04-19 08:49:09
【问题描述】：

你好，角度4中也存在虚拟重复组件吗？

我需要显示一个带有大量数据（30k 元素）的自动完成下拉菜单，而角度材料 mat-autocomplete 不能解决问题。

【问题讨论】：

当它是自动完成的时候，你为什么不限制结果的数量。我认为没有人愿意在自动完成中滚动超过 30k 元素。
我也会这样做，但用户希望这样......
可怜的你。但似乎用户面临的问题可能会通过不同的方法得到更好的解决。就像按字母顺序分组的项目树。
我的意思是说，当用户描述问题的解决方案时，并不总是她真的在描述问题。

标签： angular angular-material

【解决方案1】：

暂时找到了解决办法

学分：https://github.com/ng-select/ng-select

这样使用

<ng-select [items]="items" [virtualScroll]="true" 
           bindLabel="Description"bindValue="Id" placeholder="Select city" 
           [(ngModel)]="text">
</ng-select>

然后将材质主题添加到您的样式中。

@import "~@ng-select/ng-select/themes/material.theme.css";

【讨论】：