Выпадающий список Select-UI не заполняется

Я пытаюсь использовать AngularJS Select-UI, но у меня возникают проблемы с заполнением раскрывающегося списка. В консоли нет ошибок, но раскрывающееся меню не заполняется:

HTML-часть

                            <ui-select ng-model="selectedUser" theme="bootstrap" on-select="onSelectCallback($item)">
                            <ui-select-match placeholder="Select a User">{{selectedUser.username}}</ui-select-match>
                            <ui-select-choices repeat="item in options.people">
                                <div ng-bind-html="item.username | highlight: $select.search"></div>
                            </ui-select-choices>
                        </ui-select>

Часть контроллера:

function selectCtrl($scope, $http) {

$scope.options = {};
$scope.selectedUser = {};


var onUserComplete = function(response){
    $scope.options.people = response.data;
    console.log($scope.options.people);

}

$http.get("http://localhost/api/user")
    .then(onUserComplete);


$scope.onSelectCallback = function(item){
    $scope.selectedUser = item;
}

}

Данные возвращаются в виде массива, на который я вышел из консоли, чтобы посмотреть:

Array(2)
0:{id: 1, username: "username1", $$hashKey: "object:130"}
1:{id: 2, username: "username2", $$hashKey: "object:131"}
length:2
__proto__:Array(0)

person Tom Kurian    schedule 24.10.2017    source источник


Ответы (1)


Вы пробовали с упрощенной версией?

e.g:

ng-bind="item.username"

Или даже определив $scope.options = {}; напрямую (возможно, ошибка не в методе then.

person Nicolas S.    schedule 25.10.2017