角度ui-selectで大きなリストをロードしないでください

Question

ここには世界の都市の私のjsonファイル：google drive linkがあります。

とここに私のhtmlコードは次のとおりです。

<div class="form-group"> 
    <label class="control-label"> 
     CITY 
    </label> 
    <ui-select name="city" ng-model="myModel.city" theme="selectize" > 
     <ui-select-match placeholder="{{ 'placeholders.project.city' | translate }}"> 
      {{$select.selected}} 
     </ui-select-match> 
     <ui-select-choices repeat="r in selectedcity | filter: $select.search"> 
      <div ng-bind-html="r | highlight: $select.search"></div> 
     </ui-select-choices> 
    </ui-select> 
</div> 

いくつかの国のリストがロードされていない理由は？ jsonファイルの問題ですか？またはいくつかの国が都市の大きなリストを持っているからですか？これは、それがui-selectの制限を超えているからですか？ 一部の国ではリストが読み込まれますが、一部の国ではリストが読み込まれません。

Answer 1

あなたは| limitTo: 10のように、良好な性能を持っている少数の表示を制限する必要があります。

<ui-select-choices repeat="r in selectedcity | filter: $select.search | limitTo: 10">