Angularjs：使用ng-option时如何在选择中包含空选项答案

【问题标题】：Angularjs: How to include empty option in select when using ng-optionAngularjs：使用ng-option时如何在选择中包含空选项
【发布时间】：2013-03-17 00:43:34
【问题描述】：

当我使用 ng-option 提供不包含空选项的预定义选项列表时，如何在开头添加空选项？

玉中的一个例子

select(ng-model="property.Value", ng-options="item.Value as item.Name for item in property.Choices")

【问题讨论】：

标签： javascript select angularjs option pug

【解决方案1】：

只需在选择内添加一个具有空值的选项。

select(ng-model="property.Value", ng-options="item.Value as item.Name for item in property.Choices")
  option(value="")

这是一个例子 - http://jsfiddle.net/sseletskyy/uky9m/1/

【讨论】：

如果数据来自例如服务怎么办？除此之外，我通常会尽量避免控制器中特定于视图的内容。如果在视图中有一种方法可以做到这一点，那就太好了。也许使用指令？！
如果您选择一个选项然后想改回空选项，则无法正常工作。
@dang 请在它不起作用时提供一个示例，例如这是我的另一个例子 - codepen.io/sseletskyy/pen/KzYaQq
@SergeSeletskyy dang 指的是您提供的小提琴，第一个带有“默认显示空选项”的示例不能改回空白

【解决方案2】：

只需修改 angular 中的 property.choices 数组。

$scope.property.Choices.splice(0, 0, {"id":"0","Name":"Richard"});

【讨论】：

【解决方案3】：

这只是通过修改对象对我有用

angular.extend({'请选择' : ''},objectName)

【讨论】：