如何從Angularjs的Dropdownlist中獲取選定值？

Question

我用來自json的angular js填充了我的dropdownlist。 但是選擇不起作用。 如何選擇下拉列表項？

TaskTypeDefinitionController.js：

 var roleList = [{"id" :1, "value" :"test" },{"id" : 2, "value" : "test2"}];
        roleList.then(function (data) {
            $scope.roleList = data;
            var jsonArr = [];
            for (var i = 0; i < data.length; i++) {

                jsonArr.push({
                    id: data[i].roleName.serno,
                    value: data[i].roleName.value
                });
            }
            $scope.Names = jsonArr;
            console.log(jsonArr);
        });

html（查看）：

<select class="form-control" placeholder="Görev Tipi Adı" ng-
options="field.id as field.value for field in Names" ng-model="Name"  
required></select>

Answer 1

選擇不起作用意味着您需要設置下拉列表的默認值。 如果是，請嘗試以下代碼而不是您的代碼。

 var roleList = [{"id" :1, "value" :"test" },{"id" : 2, "value" : "test2"}];
        roleList.then(function (data) {
            $scope.roleList = data;
            var jsonArr = [];
            for (var i = 0; i < data.length; i++) {

                jsonArr.push({
                    id: data[i].roleName.serno,
                    value: data[i].roleName.value
                });
            }
             jsonArr.push({id:0,value:"Select Name"});
             $scope.Name=jsonArr[jsonArr.length-1];
            $scope.Names = jsonArr;
            console.log(jsonArr);
        });

說明

Name是您的下拉菜單的模型名稱。 第一次undefined 。 因此，我認為它可能顯示為空白。 因此，您需要為Name對象分配一個值。 在我的代碼中給Name對象分配了一個值（選擇名稱）。

在這段代碼中

         jsonArr.push({id:0,value:"Select Name"});
         $scope.Name=jsonArr[jsonArr.length-1];