为什么ngModel为选择添加空白/空选项？

我使用name属性和ngModel指令作为一种简单的方式来获得在角2应用形式值：为什么ngModel为选择添加空白/空选项？

<input type="text" name="firstName" ngModel>

但我在select使用这种方法时，有一个问题：

<select name="gender" ngModel>

用ngModel进行选择时会显示空白/空白选项。

没有ngModel：

随着ngModel：

我缺少的东西，或这是一个错误？

2016-09-12 nunoarruda

这不是一个空的选项添加，只是默认值不匹配任何选项。无论如何你会添加ngModel？ –

使用NgModel时，它为空，因为它绑定到您的模型值。如果您希望默认选择任何性别，请将性别值设置为您的模型。例如。 [（ngModel）] =“Model.value”双向绑定。 – Jeet

[为什么angularjs在select中包含空选项]可能的重复（http://stackoverflow.com/questions/12654631/why-does-angularjs-include-an-empty-option-in-select） –

如果使用

<select name="gender" [(ngModel)]="gender">

与

gender: string = 'male';

你得到想要的结果。如果以这种方式使用ngModel，则也不应使用getFormData方法。

2016-09-12 09:15:44

回答