Angular 下拉选择的项目没有选择正确的值

Question

这是我的下拉菜单

 <select class="form-control" data-ng-options="obj.text for obj in options track by obj.value" data-ng-model="submission.issue" ng-init="submission.issue = options[0]" required></select>

这正在填充我的下拉列表，但是当我查看 "submission.issue" 的值时，我没有按预期看到 select 中选项项的值，而是类似

"Query {"text":"Select your query","value":""} "

默认情况下，我只希望 submission.issue 默认项目成为列表中第一个值为“”的项目。

这是我填充列表的方式

$scope.options = [
          { text: $scope.select_default, value: "" },
          { text: $scope.select_issue_1, value: $scope.select_issue_1 },
          { text: $scope.select_issue_2, value: $scope.select_issue_2 },
          { text: $scope.select_issue_3, value: $scope.select_issue_3 },
          { text: $scope.select_issue_4, value: $scope.select_issue_4 },
          { text: $scope.select_issue_5, value: $scope.select_issue_5 }
        ];

Answer 1

将您的 ng-options 表达式更改为如下所示：

"obj.value as obj.text for obj in options track by obj.value"

$scope.submission.issue 应等于下拉列表中所选项目的值。

Angular 下拉选择的项目没有选择正确的值

Angular Dropdown Selected Item not picking up right value

angularjs

drop-down-menu