簡體   English   中英

在動態下拉列表angularjs中使用ng-init

[英]using ng-init in dynamic dropdownlist angularjs

我正在使用帶有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>

除了一件事情,一切都很好

我無法在我的下拉菜單中設置初始值,

我想將( 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

這樣嘗試

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

並在控制器初始化模型中這樣

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM