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