我正在尝试使用select2处理一组包含5,000个数据集的内容。交互速度缓慢,特别是搜索时更为明显。将来,我需要处理超过500,000的数据集。
你有什么建议可以提高效率吗?使用bootstrap typeahead没有性能问题,但它具有较少的功能和显示元素。而且我也不知道typeahead如何使用搜索功能。
以下是plunker示例,与select2演示相同,但包含5,000行数据:http://plnkr.co/edit/RyCTTloW6xp81WvoCzkf?p=preview
你有什么建议可以提高效率吗?使用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>