title: How to limit an array with 10,000 objects thats linked to my angular ui-select?
body: <p>I have an array with 10,000 objects in it and its crashing the browser every time I click on the select. Is there anyway to limit the <code>ui-select</code> to only show 10 on the screen at a time? Additionally, the library I am using is <a href="https://github.com/angular-ui/ui-select/wiki" rel="nofollow">ui-select</a>.</p>
  
  <pre><code> &lt;ui-select ng-model="ed.main.user.UserID.selected" theme="bootstrap"&gt;
       &lt;ui-select-match placeholder="{{main.editTicket.UserDisplayName}}"&gt;
           {{$select.selected.DisplayName}}
       &lt;/ui-select-match&gt;
       &lt;ui-select-choices repeat="t in main.users |filter:$select.search"value="{{$selected.UserID}}"&gt;
           &lt;div ng-bind-html="t.DisplayName | highlight: $select.search"&gt;&lt;/div&gt;
           &lt;small ng-bind-html="t.UserID | highlight: $select.search"&gt;&lt;/small&gt;
       &lt;/ui-select-choices&gt;
   &lt;/ui-select&gt;
  </code></pre>