2017-03-18 28 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;