javascript - 填充大数组列表以使用 Angular 下拉

Question

我遇到了一个问题。我有一个大小约为 22K 条记录的对象集合。我需要将它绑定(bind)到一个选择元素。绑定(bind)对于小型集合工作正常，但如此大的集合会卡住 UI，直到其完全绑定(bind)为止。

请建议我在这里能做的最好的....

Answer 1

首先想到的是使用单向数据绑定(bind)。这是通过在 HTML 变量前面附加 :: 来实现的，就像这样

{{::someVar}}

这样，angular 将不会在其 watchers 中包含 someVar。

如果这对您来说仍然不够，那么您可以考虑为您自己的目的编写一种特殊类型的 select，它可以使用像 ClusterizeJS 这样的东西。在它后面。

ClusterizeJS 只允许在屏幕上渲染少数元素并在滚动时重新渲染，这样用户永远不会知道并非所有元素都已存在于 select 中.将其与搜索栏 结合使用，您将获得非常快速的选择。