angular.js - angularjs如何在下拉列表中添加默认显示的选项?
黄舟
黄舟 2017-05-15 16:55:59
[AngularJS讨论组]

dom结果如下,是一个身高选择的下拉列表

<select ng-model="selectedHeight" ng-options="obj.h for obj in heights"></select>

在控制器中给heights传递一个身高数组

$scope.heights=[{"h":"140cm"},{"h":"141cm"}];

初始化时需要下拉列表显示第一个140cm的选项,怎样才能显示第一个选项?

探索:
在当前这种情况下,直接使用$scope.selectedMonth = $scope.months[0].value; 是没有用的,我们需要在数组里面里面在增加一个value值

$scope.heights=[{"h":"140cm","value":0},{"h":"141cm","value":1}];

同时,在双向绑定的时候,将value绑定进去

<select ng-model="selectedMonth" ng-options="obj.value as obj.h for obj in heights"></select>

在这种情况下,就可以初始化显示

$scope.selectedMonth = $scope.months[0].value; 

补充:注意,在定义ng-options的的时候,不能加value,否则你在控制器中无法获取选项的值

<select ng-model="selectedMonth" ng-options="obj as obj.h for obj in heights"></select>

参考:
链接描述

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(1)
PHPz

在控制器中初始化:

    $scope.selectedHeight = $scope.heights[0].h;
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号