Angular ui-select不会在下拉菜单中加载大列表

Question

这是我的json文件的世界城市:谷歌驱动器链接。

下面是我的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选择限制吗?有些国家加载列表，有些国家不加载，列表为空。

Answer 1

您必须将视图限制为较小的数字以获得良好的性能，例如| limitTo: 10:

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