在下拉列表中设置默认值选项
问题描述:
我在下拉列表中设置了默认值,但我总是看到第一个选项被选中,但是如果我单击下拉列表中的值,我想设置。在下拉列表中设置默认值选项
控制器
HTML
<select class="trip dark" ng-model="selectedRegione" ng-options="regione.nome as regione.nome for regione in regioni.regionSelector">
<option value="">TUTTE</option>
</select>
答
你可以看看这个代码
<div ng-app="myapp">
<fieldset ng-controller="FirstCtrl">
<select ng-options="regione.nome as regione.nome for regione in regioni.regionSelector"
ng-model="selectedRegione"></select>
{{ selectedRegione }}
</fieldset>
</div>
控制器
var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function ($scope) {
$scope.selectedRegione = 'Mike';
$scope.regioni = {
'regionSelector':[
{ id: 1, nome: 'John'},
{ id: 2, nome: 'Rocky'},
{ id: 3, nome: 'Mike'},
{ id: 4, nome: 'Ben' }
]
};
});
<option>
是动态创建的,下拉列表的值是$scope.selectedRegione = 'Mike';
,它们引用$scope.regioni.regionSelector
数组的nome: 'Mike'
。
为了简单起见,这里是链接JSFIDDLE
什么是regione?你没有在任何地方定义它。区域是什么?你没有在任何地方定义它。 –
查看答案。我已经根据您的HTML假设了一个类似的数据阵列来向您展示这些事情是如何工作的。 –