AngularJS – 设置下拉列表的选定值不起作用

发布时间：2020-12-17 07:33:53 所属栏目：安全来源：网络整理

导读：我在这里复制了我的问题： http://jsfiddle.net/U3pVM/2840/ 正如标题所示,我无法设置使用ng-options填充的选择的选定值. 我搜索并尝试了所有可能的解决方案.任何帮助或建议将不胜感激！ HTML div ng-app h2Todo/h2 div ng-controller="TodoCtrl" select ng-

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!