Угловые ng-опции делают конкретную опцию сначала в списке

Question

<select ng-model="person" 
     ng-options="item.name for item in persons track by item.id"> 
     <option value="">-- select --</option> 
</select> 



persons = 
{ 
    1: 'Ted', 
    2: 'Ben', 
    3: 'Anna', 
    4: 'Micky', 
    5: 'Ricky' 
} 



    It looks like: 
-- select -- 
Ted 
Ben 
Anna 
Micky 
Ricky 

По умолчанию опция - select -. Список чтения из db. Есть ли способ, чтобы сделать вариант со значением 4 в первом списке, но после того, как - выбрать - и сделать его следующий:

-- select -- 
    **Micky** 
    Ted  
    Ben 
    Anna 
    Ricky 

Answer 1

Вы можете просто добавить OrderBy фильтр в список данных в ng- опции.

Обновить ваш шаблон HTML к этому:

<select ng-model="person" 
     ng-options="item.name for item in persons|orderBy:sortOptions track by item.id"> 
     <option value="">-- select --</option> 
</select> 

И определим предикат OrderBy в контроллере:

$scope.sortOptions = function(option) { 
    if (option.name === 'Micky') { 
    return 0; 
    } else { 
    return 1; 
    } 
}