在下拉列表中设置默认值选项

-1

我在下拉列表中设置了默认值，但我总是看到第一个选项被选中，但是如果我单击下拉列表中的值，我想设置。在下拉列表中设置默认值选项

控制器

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>

来源

2017-07-03 user8060797

什么是regione？你没有在任何地方定义它。区域是什么？你没有在任何地方定义它。 –

查看答案。我已经根据您的HTML假设了一个类似的数据阵列来向您展示这些事情是如何工作的。 –

你可以看看这个代码

<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

来源

2017-07-03 15:50:15

在下拉列表中设置默认值选项

回答

相关问题