각도 ui 선택 드롭 다운 목록에 큰 목록이 없습니다

Question

다음은 세계 도시의 내 json 파일입니다 : google drive link. 왜 일부 국가의 목록이로드되지

<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> 

:

여기 내 html 코드인가? json 파일에 문제가 있습니까? 일부 국가의 도시 목록이 많기 때문에 그런가요? 그것이 ui-select 한도를 초과했기 때문입니까? 일부 국가는 목록을로드하고 일부 국가는 목록을로드하지 않으며 비어 있습니다.

Answer 1

당신은 | limitTo: 10처럼 좋은 성능을 가지고 소수로보기를 제한 할 수 있습니다

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