我使用的是Angular 1.4x，我找到了这个例子，所以我用ng-init在select中设置初始值:

<select ng-init="foo = foo || items[0]" ng-model="foo" ng-options="item as item.id for item in items"></select>

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

如果你想去掉空选项，只需要在你的控制器中选择一个初始值，比如:

$scope.form.type = $scope.typeOptions[0].value;

这里是jsFiddle: http://jsfiddle.net/MTfRD/3/

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

这完全没问题

<select ng-model="contact.Title" ng-options="co for co in['Mr.','Ms.','Mrs.','Dr.','Prof.']">
    <option style="display:none" value=""></option>
</select>

它的工作方式是，这给了第一个选项显示之前选择的东西和显示:没有删除它从下拉菜单，所以如果你想要，你可以这样做

<select ng-model="contact.Title" ng-options="co for co in['Mr.','Ms.','Mrs.','Dr.','Prof.']">
    <option style="display:none" value="">select an option...</option>
</select>

这将在选择之前给你选择和选项，但一旦选择，它就会消失，不会在下拉列表中显示。

也许对某人有用:

如果你想使用普通选项而不是ng-options，你可以这样做:

<select ng-model="sortorder" ng-init="sortorder='publish_date'">
  <option value="publish_date">Ascending</option>
  <option value="-publish_date">Descending</option>
</select>

内联设置模型。使用ng-init清除空选项

简单的解决方案

<select ng-model='form.type' required><options>
<option ng-repeat="tp in typeOptions" ng-selected="    
{{form.type==tp.value?true:false}}" value="{{tp.value}}">{{tp.name}}</option>

一个简单的解决方案是设置一个空值的选项“”我发现这消除了额外的未定义选项。