我也遇到过同样的问题。如果你要用普通的post来发布angular表单，那么你就会面临这个问题，因为angular不允许你像以前那样为选项设置值。如果你得到form的值。输入“然后你会找到正确的值。你必须将angular对象自己发布，而不是form post。

好吧，实际上答案很简单:当有一个选项不能被Angular识别时，它就会包含一个无聊的选项。 你做错的是，当你使用ng-options时，它读取一个对象，说[{id: 10，名称:test}， {id: 11，名称:test2}]对吗?

这就是你的模型值需要的值，假设你想要选择的值为10，你需要设置你的模型值为{id: 10, name: test}以选择10，因此它不会创建那个垃圾。

希望这能帮助大家理解，我有一段艰难的时间尝试:)

我们可以使用CSS隐藏第一个选项，但它不会工作在IE 10, 11。最好的方法是使用Jquery删除该元素。此解决方案适用于chrome和IE10,11测试的主要浏览器

如果你使用的是angular，有时候使用setTimeout也可以

$scope.RemoveFirstOptionElement = function (element) {
    setTimeout(function () {
        $(element.children()[0]).remove();
    }, 0);
};

在这里的众多答案中，我认为我应该转发对我有效的解决方案，并满足以下所有条件:

当ng-model是假的时提供一个占位符/提示符。——select region——" w. value="") 当ng-model值为假值时，用户打开options下拉菜单，则选择占位符(此处提到的其他解决方案使第一个选项显示为选中，这可能会产生误导) 允许用户取消选择有效值，实际上是再次选择假值/默认值

code

<select name="market_vertical" ng-model="vc.viewData.market_vertical"
    ng-options="opt as (opt | capitalizeFirst) for opt in vc.adminData.regions">

    <option ng-selected="true" value="">select a market vertical</option>
</select>

src

独创的q&a - https://stackoverflow.com/a/32880941/1121919

这个解决方案对我来说很有效:

<select ng-model="mymodel">    
   <option ng-value="''" style="display:none;" selected>Country</option>
   <option value="US">USA</option>
</select>

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

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

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

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

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