在下拉angularjs中设置默认值选项

【问题标题】：Set default value option in dropdown angularjs在下拉angularjs中设置默认值选项
【发布时间】：2017-07-03 15:34:57
【问题描述】：

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

控制器

tantoSvagoApp.controller("ricercaAttivita", function ($scope, $http) {
  $scope.selectedRegione = regione;
});

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>

【问题讨论】：

什么是区域？你还没有在任何地方定义它。什么是区域？你还没有在任何地方定义它。
检查答案。我已经根据你的 HTML 假设了一个类似的数据数组来向你展示事情是如何工作的。

标签： angularjs ng-options

【解决方案1】：

你可以看看这段代码

<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的链接

【讨论】：