超过 50,000 条记录在 angularjs 的下拉列表中加载 ng-repeat

Question

我使用 ng-repeat 在下拉列表中更快地显示了 100 条记录。

但是，

我必须在下拉列表中使用 ng-repeat 获取超过 50,000 条记录，

当获取应用程序被挂起并且没有响应需要关闭一个项目。

如何使用 ng-repeat 在下拉列表中更快地显示？

Answer 1

没有人有时间在下拉列表中滚动并选择 50,000 条记录并进行选择。而是使用带有自定义搜索选项的下拉菜单，它可以让您的用户在下拉菜单中获得更多的交互性和性能。

最初最多呈现 500 条记录并在下拉列表中显示它们。允许用户通过下拉列表进行搜索，当用户输入搜索值时，根据值从数据库中获取这些值并将其附加到下拉列表中。

您也可以使用以下插件实现上述场景。

https://github.com/axel-zarate/js-custom-select

您可以使用此插件创建带有自定义搜索的下拉列表，并使用自己的 ajax 函数从服务器获取数据。

希望这会对你有所帮助。