angularjs ui-select задает значение по умолчанию и не может выбрать значение по умолчанию

Question

Я следую примеру на веб-сайте загрузочного сайта angularjs ui-select.

Вот HTML код детали:

<div class="form-group"> 
    <div class="col-sm-6"> 
     <ui-select ng-model="ctrl.person.selected" theme="bootstrap"> 
     <ui-select-match placeholder="Select or search a person in the list...">{{$select.selected.name}}</ui-select-match> 
     <ui-select-choices group-by="'country'" repeat="item in ctrl.people | filter: $select.search"> 
      <span ng-bind-html="item.name | highlight: $select.search"></span> 
      <small ng-bind-html="item.email | highlight: $select.search"></small> 
     </ui-select-choices> 
     </ui-select> 

А вот JS код детали:

$scope.person = {}; 

$scope.people = [ 
{ name: 'Adam',  email: 'adam@email.com',  age: 12, country: 'United States' }, 
{ name: 'Amalie', email: 'amalie@email.com', age: 12, country: 'Argentina' }, 
{ name: 'Estefanía', email: 'estefania@email.com', age: 21, country: 'Argentina' }, 
{ name: 'Adrian', email: 'adrian@email.com', age: 21, country: 'Ecuador' }, 
{ name: 'Wladimir', email: 'wladimir@email.com', age: 30, country: 'Ecuador' }, 
{ name: 'Samantha', email: 'samantha@email.com', age: 30, country: 'United States' }, 
{ name: 'Nicole', email: 'nicole@email.com', age: 43, country: 'Colombia' }, 
{ name: 'Natasha', email: 'natasha@email.com', age: 54, country: 'Ecuador' }, 
{ name: 'Michael', email: 'michael@email.com', age: 15, country: 'Colombia' }, 
{ name: 'Nicolás', email: 'nicolas@email.com', age: 43, country: 'Colombia' }]; 

    addoptions(); 
    function addoptions(){ 

    var tmp = { name: 'Nis', email: 'nis@email.com', age: 43, country: 'China' }; 
    $scope.people.push(tmp); 
    var tmp2 = {name: 'Emma', email: 'Emma@email.com', age: 43, country: 'China'}; 
    $scope.people.push(tmp2); 
    $scope.person.selected = $scope.people[0]; 
    } 

выпадающий список должен выглядеть как с правой стороны, но мой просто выглядите как левый sie:

Кроме того, я заметил одну вещь, как только я установил default person.select, $$ haskkey $scope.people[0], больше не существует. Моя версия ui select - 0.17.1.

Answer 1

Я рассмотрел вашу проблему и сделал пример, где я не могу воспроизвести эту проблему. Не могли бы вы проверить, есть ли у вас 0.17.1 или 0.17.2. В 0.17.2 они внесли некоторые изменения, когда выбранное значение по умолчанию исчезло. Вот the example link

-