AngularJS ng-repeat setting default value value

Question

$scope.activities = 
    [ 
     { id: 1, type: "DROPDOWN_MENU", name: "Dropdown Menu" }, 
     { id: 2, type: "HORIZONTAL_BAR", name: "Horizontal Bar" } 
    ]; 

<select data-ng-model="engineer.currentActivity" data-ng-options="a.name for a in activities">     
</select> 

Используя вышеизложенное, я могу создать поле выбора с тремя значениями, пустым, а затем выпадающим меню и горизонтальной полосой.

Я хотел бы установить горизонтальную панель в качестве моего значения по умолчанию и не могу видеть, как это сделать.

Помощь было бы здорово

Answer 1

В контроллере, просто добавьте строку, чтобы настроить начальный выбор:

$scope.activities = 
    [ 
     { id: 1, type: "DROPDOWN_MENU", name: "Dropdown Menu" }, 
     { id: 2, type: "HORIZONTAL_BAR", name: "Horizontal Bar" } 
    ]; 

$scope.engineer = {}; // if needed 
$scope.engineer.currentActivity = $scope.activities[1]; 

Answer 2

Использование ng-initdirective

ng-init="engineer.currentActivity = options[1]" 

Answer 3

В вашей угловой контроллер:

$scope.activities = [ 
    { id: 1, type: "DROPDOWN_MENU", name: "Dropdown Menu" }, 
    { id: 2, type: "HORIZONTAL_BAR", name: "Horizontal Bar" } 
]; 
$scope.activity = $scope.activities[1]; //Bind 2nd activity to the model. 

В HTML:

<select ng-model="activity" 
    ng-options="activity as activity.name for activity in activities"> 
    <option value=""></option> 
</select> 

ВИДЕТЬ Fiddle