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

Angularjs 如何在Angular JS下拉列表中选择第一项作为默认项?,angularjs,Angularjs,我试图使用下拉列表,但无法选择默认情况下选择的第一个值。它显示空白。 master_data.sch_文件有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

我试图使用下拉列表,但无法选择默认情况下选择的第一个值。它显示空白。 master_data.sch_文件有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>

参考:

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

简而言之:空选项意味着没有选择有效的模型(我的意思是:从选项集中)。您需要选择一个有效的模型值来删除此空选项

您所需要做的就是为以下项提供默认值:

item.file_range_unit

您可以使用此
$scope.form={type:$scope.typeOptions[0].value}
选择选项数据的第一个元素

这也行


“我的答案有用吗?”哈桑说,是的worked@aditya首先发布了答案,而你只是从网站上复制了相同的答案link@hasan作为你的参考是的,这是真的,我使用了js小提琴参考
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};
}