AngularJS：使用ng-option时如何在选择列表中包含空选项

Question

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

Jade中的一个示例：

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

- Sergiy Seletskyy

Answer 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/

- Sergiy Seletskyy

---

如果数据来自服务，怎么办？除此之外，我通常会尽量避免在控制器中使用与视图相关的内容。如果能在视图中实现这一点就太好了。也许可以使用指令？！ - fnx

如果您选择一个选项，然后想要更改回空选项，则无法正常工作。 - dang

@dang 请提供一个它不工作的例子。 例如，这是我的另一个例子 - http://codepen.io/sseletskyy/pen/KzYaQq - Sergiy Seletskyy

@dang指的是您提供的小提琴，第一个示例中的“默认显示空选项”无法更改回空白。 - Amicable

Answer 2

只需在Angular中修改property.choices数组即可。

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

- Richard Torcato

Answer 3

通过修改对象，我成功地实现了这一点

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

- MrsPop88