Угловой UI-выберите не загружается большой список в раскрывающемся списке

Question

Вот мой файл json из городов мира: ссылка на диск Google.

и вот мой 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">