web-dev-qa-db-ja.com

AngularJS-ドロップダウンの選択値の設定が機能しない

私はここで私の問題を複製するフィドルを作りました： http://jsfiddle.net/U3pVM/2840/

タイトルが示すように、ng-optionsを使用して入力された選択の選択された値を設定することはできません。

私は見つけたすべての可能な解決策を検索して試しました。どんな助けや提案もいただければ幸いです！

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>

Angular

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';
}
angularjsselectsetselecteditemng-options
8
OverMars

あなたがしているのでid as nameモデルにIDを割り当てる必要があります：

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

行う方が良い：

<select ng-model="ddlRooms.id" ng-options="r.id as r.Name for r in Rooms">
6
Will Sadler