Modalのアイテムの大きなリスト

Question

私がangular-ui-selectを使用して、ブートストラップモーダルウィンドウの〜1500個のリストのリストを使用しているとき、angle-ui-selectのドロップダウンリストの動作が遅い。

ユーザーが行うすべての操作に2秒の遅延があります。 'minimum-input-length'を使用してパフォーマンスを向上させようとしましたが、フィルターが機能しません。

Plunkr例： https://plnkr.co/edit/H0kbeR4kHfZFjsBnpjBC?p=preview

MY HTML：

<ui-select multiple sortable="true" ng-model="vm.selected" theme="select2" style="width: 100%;"> 
       <ui-select-match placeholder="Select...">{{ $item.name }}</ui-select-match> 
       <ui-select-choices repeat="item in vm.items | filter: $select.search" minimum-input-length="2"> 
       <div ng-bind-html="item.name | highlight: $select.search"></div> 
       </ui-select-choices> 
      </ui-select> 

1. 誰もがパフォーマンスを向上させる方法を知っていますか？

2. 適用方法最小文字フィルタ？

   ありがとうございました。

Answer 1

をトリガされ、私は、LimitToを使用して検索の長さをチェックすることを解決：

limitTo: ($select.search.length <= 2) ? 0 : undefined" 

完全なコード：

を

<ui-select-choices 
    repeat="item in ctrl.items | filter: $select.search | limitTo: ($select.search.length <= 2) ? 0 : undefined"> 

Answer 2

私は最小限の長さがリフレッシュ機能の使用でのみ動作すると考えています。 多くの問題があるため、パフォーマンスはまだ問題です。リフレッシュ機能の前に必要な

Documentation of uiselect

最小の文字が