在动态下拉列表angularjs中使用ng-init

时间:2017-03-18 05:33:55

标签: javascript angularjs asp.net-mvc-5

我正在使用带有angularjs的mvc5创建一个Web应用程序,

我有一个动态下拉列表,我从我的数据库中提取数据

我的下拉列表如下所示,

<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 个答案:

答案 0 :(得分:1)

试试这个

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

并在控制器初始化模型中作为此

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