AngularJS - настройка выбранного значение выпадающего списка не работает

Question

Я сделал скрипку тиражирование моей проблемы здесь: http://jsfiddle.net/U3pVM/2840/

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

Я искал и пробовал все возможные решения, которые я нашел. Любая помощь или предложения будут оценены!

HTML

<div ng-app> 
    <h2>Todo</h2> 
    <div ng-controller="TodoCtrl"> 
     <select ng-model="ddlRooms" ng-options="r.id as r.Name for r in Rooms"> 
     </select> 
     {{$scope.test}} 
    </div> 
</div> 

Угловая

function TodoCtrl($scope) { 
    $scope.Rooms = [{ Name: 'Toddler', id: 1 },{ Name: 'other', id: 2 }]; 
    $scope.options = [{ Name: 'other', id: 2 }]; 
    $scope.ddlRooms = $scope.options[0]; 

    $scope.test = 'bla'; 
} 

Answer 1

Потому что вы делаете id as name вам нужно присвоить идентификатор модели:

$scope.ddlRooms = $scope.options[0].id;