【问题标题】:using ng-init in dynamic dropdownlist angularjs在动态下拉列表 angularjs 中使用 ng-init
【发布时间】:2017-08-09 19:11:51
【问题描述】:

我正在使用 mvc5 和 angularjs 创建一个 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)

【问题讨论】:

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


    【解决方案1】:

    这样试试

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

    在控制器初始化模型中

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-02-02
      • 2017-06-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-06
      • 1970-01-01
      相关资源
      最近更新 更多