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

Question

我正在使用 Angular 7 和 Angular Material。

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

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

我需要采取什么策略？

Answer 1

这真的是个例。我的建议如下:

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

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