AngularJS ui-select performance issues

Question

I'm using UI Select control in my application(source - https://angular-ui.github.io/ui-select/). It has a major performance issue(lagging when populated wuth over ~2000 items). Tried using also mdAutocomplete(source - https://material.angularjs.org/1.1.2/api/directive/mdAutocomplete) since it already supports virtualization but the problem with this one is that it creates a huge amount of watchers(if list has 5000 items it creates ~15000 watchers although only 20 items are rendered at a time). Any insights regarding how to solve this performance issues in any of the control. I'll note i have to support a large amount of items - ~10K items.

Thanks for your help!

Make sure you have order by in your ui-select-choices iteration loop — tanmay
– tanmay, Commented Mar 28, 2017 at 9:51

undefined · Accepted Answer · 2017-04-13 05:46:58Z

2

there is no direct solution for this but yes a good workaround is available: limit your dropdown results to a particular number unless it is been search..exa.

repeat="username in users | filter: $select.search | limitTo: ($select.search.length <= 1) ? 50 : 20">

Or some other logic. In any case, showing 10K results in dropdown at a time is not even useful for user.

answered Apr 13, 2017 at 5:46

undefined

3,64214 gold badges57 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS ui-select performance issues

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related