angularjs – angular select2 slow with large data data set

我正在尝试使用数据集为5,000的select2.

交互很慢,尤其是搜索.我将需要在不久的将来处理> 500,000的数据集.

有关如何提高效率的任何建议？

我没有使用bootstrap typeahead的性能问题,虽然已经授权,但功能和显示元素较少.我也不知道搜索功能如何与typeahead一起使用.

这是plunker示例,与select2的演示相同,但​​有5,000行数据
http://plnkr.co/edit/RyCTTloW6xp81WvoCzkf?p=preview

<ui-select ng-model="person.selected" theme="select2" ng-disabled="disabled" style="min-width: 300px;">
    <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.name}}</ui-select-match>
    <ui-select-choices repeat="person in people | propsFilter: {name: $select.search,age: $select.search}">
        <div ng-bind-html="person.name | highlight: $select.search"></div>
        <small>
            email: {{person.email}}
            age: <span ng-bind-html="''+person.age | highlight: $select.search"></span>
        </small>
    </ui-select-choices>
</ui-select>

解决方法

我有同样的问题. Ui-select的表现确实不佳.我建议使用Selectize.它的表现要好得多,但我认为500k可能太多了. 角度材料虚拟列表可以作为答案.它们当时只提供少量选项,只是更新绑定.