如何在 Angular JS 下拉列表中选择第一项作为默认值

Question

我正在尝试使用下拉列表，但我无法选择默认选择的第一个值。它显示空白。master_data.sch_files 有 4 个项目，但它在下拉列表中显示 5 个，其中第一次为空。

<select ng-init="item.file_range_unit = master_data.sch_files[0].ref_key" ng-model="item.file_range_unit"
                        ng-options="x.ref_key as x.ref_value for x in master_data.sch_files" required style="height: 33px;
                       width: 140px; padding-left:5px">
                  </select>

Answer 1

您可以使用

此$scope.form = {type : $scope.typeOptions[0].value};来选择选项数据的第一个元素。

这也在这里工作

function MyCtrl($scope) {
    // your option data
    $scope.typeOptions = [
       { name: 'Feature', value: 'feature' }, 
       { name: 'Bug', value: 'bug' }, 
       { name: 'Enhancement', value: 'enhancement' }
    ];
    $scope.form = {type : $scope.typeOptions[0].value};
}

Answer 2

参考：为什么 AngularJS 在 select 中包含空选项？

当 ng-model 引用的值在传递给 ng 选项的一组选项中不存在时，将生成空选项。这恰好是为了防止意外的模型选择：AngularJS可以看到初始模型未定义或不在选项集中，并且不想自己决定模型值。

简而言之：空选项意味着没有选择有效的模型(有效的我的意思是：从选项集中(。您需要选择一个有效的模型值才能摆脱此空选项。

您需要做的就是为以下各项指定默认值：

item.file_range_unit