2017-03-18 59 views
0

我使用與angularjs mvc5創建一個Web應用程序,採用NG-初始化動態下拉列表angularjs

我有一個動態的下拉列表,我從我的數據庫中獲取我的數據,

我的下拉列表模樣下面,

<select ng-model="mduser.dataindrop" class="form-control" ng-options="x as x.username for x in dataindrop" ng-change="change(mduser.dataindrop)"></select> 

所有的,除了一件事做工精細,

我不能夠在我dropdownlis設定初始值,

我想設置(select)作爲初始值,但沒能成功呢,

這是我的控制器的外觀,

$scope.usernameindrop = function() { 
       $http.get('/Web Service/dashboard.asmx/getusername', { 
        params: { 
         userid: $sessionStorage.userautoid 
        } 
       }).then(function(response){ 
        $scope.dataindrop = response.data; 
        console.log(response.data); 
       }) 
      } 

,這是我在JSON

數據
Array[3] 
0 
: 
Object 
$$hashKey 
: 
"object:23" 
userid 
: 
"2f8e8bac-a631-4df3-8ab9-b0c293099bc6" 
username 
: 
"new" 
__proto__ 
: 
Object 
1 
: 
Object 
$$hashKey 
: 
"object:24" 
userid 
: 
"8ba0ae53-078d-4301-95eb-409acb1c92c6" 
username 
: 
"b" 

我只是想設置(select as an initial value for my dropdownlist

回答

1

試試這樣

<select ng-model="mduser.dataindrop" 
ng-options="x.userid as x.username for x in dataindrop"></select> 

和控制器初始化模型,因爲這

$scope.mduser.dataindrop = dataindrop[0].userid;