具有 5000 个值的 Angular Material Form 自动完成答案

【问题标题】：Angular Material Form autocomplete with 5000 values具有 5000 个值的 Angular Material Form 自动完成
【发布时间】：2019-03-09 23:44:59
【问题描述】：

我正在使用 Angular 7 和 Angular 材质。

我通过将值直接存储在我的组件中来使用autocomplete angular form material component。

除了现在，我想过滤超过 5000 个值。如果我将它直接存储在我的组件中，我会失去性能。

我需要采取什么策略？

【问题讨论】：

【解决方案1】：

这确实是针对特定情况的。我的建议如下：

不要自动对ngOnInit 的所有 5000 条记录进行排序，而是等到用户第一次在您的自动完成搜索栏中键入。输入字母后，执行 API 调用，在后端过滤这些记录，返回这些记录的一小部分。

然后将在前端执行其余的过滤。

【讨论】：

【解决方案2】：

当输入任何要过滤的数据时，您必须分页加载最多 20 个元素。并使用 debounce time 和 Subject 来触发输入数据并取消 observable。

【讨论】：