Как установить начальное значение для опции выбора ng-модели?

Question

<select ng-model="sortOrder"> 
    <option value="country">Country (A-Z)</option> 
    <option value="-country">Country (Z-A)</option> 
</select> 

контроллер:

$scope.sortOrder = ['-country', 'name']; 

Я его настроить что-то вроде этого. Он работает иначе, но опция выбора по умолчанию просто пуста. Я хотел бы, чтобы первый вариант был выбран по умолчанию или даже какой-то текст там .. в основном ничего, кроме пустого выпадающего списка. Как я могу это сделать?

Answer 1

Вы должны использовать ng-options

<select ng-model="selectedItem" ng-options=" item.name for item in items"></select> 

теперь установить параметр по умолчанию при создании списка элементов или если вы получаете список элементов динамически, чем вы можете присвоить первый элемент в качестве элемента по умолчанию такого

$scope.items = [{'name': 'Select Item'}, 
         {'name' : 'Google Calendar'}, 
         {'name' : 'Jira'}, 
         {'name' : 'Zendesk'}]; 

//This will set the default item as selected. 
$scope.selectedItem = $scope.items[0]; 

Дайте мне знать, если все еще не ясно.

Answer 2

Вы можете использовать "выбранный" атрибут для <option> на INIT:

<select ng-model="selecteditem"> 
<option ng-repeat="item in items" value="{{item}}" {{item===selecteditem ? 'selected' : ''}}></option> 
</select>