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>

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';
}
因为您正在使用id作为名称,所以需要为模型分配id:
$scope.ddlRooms = $scope.options[0].id;

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...