在下拉列表中設置默認值選項

-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

在下拉列表中設置默認值選項

回答

相關問題