AngularJS - 设置下拉列表的选定值不起作用答案

【问题标题】：AngularJS - setting selected value of dropdown does not workAngularJS - 设置下拉列表的选定值不起作用
【发布时间】：2015-08-19 23:16:07
【问题描述】：

我在这里复制了我的问题：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>

角度

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';
}

【问题讨论】：

标签： angularjs select set selecteditem ng-options

【解决方案1】：

因为你在做id as name你需要给模型分配id：

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

【讨论】：

做到了！非常感谢！关于为什么的任何见解？我假设它是因为 Angular 绑定到值..
如果我的选择标签是这样的，如何解决它：

【解决方案2】：

更好的做法：

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

【讨论】：