angularjs – angular select2 slow with large data data set
发布时间:2020-12-17 06:58:12 所属栏目:安全 来源:网络整理
导读:我正在尝试使用数据集为5,000的select2. 交互很慢,尤其是搜索.我将需要在不久的将来处理 500,000的数据集. 有关如何提高效率的任何建议? 我没有使用bootstrap typeahead的性能问题,虽然已经授权,但功能和显示元素较少.我也不知道搜索功能如何与typeahead一
我正在尝试使用数据集为5,000的select2.
交互很慢,尤其是搜索.我将需要在不久的将来处理> 500,000的数据集. 有关如何提高效率的任何建议? 我没有使用bootstrap typeahead的性能问题,虽然已经授权,但功能和显示元素较少.我也不知道搜索功能如何与typeahead一起使用. 这是plunker示例,与select2的演示相同,但??有5,000行数据 <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可能太多了. 角度材料虚拟列表可以作为答案.它们当时只提供少量选项,只是更新绑定.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |