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

Question

我使用name属性和ngModel指令作为在Angular 2应用中获取表单值的简单方法：

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

但我在select中使用此方法时遇到问题：

<select name="gender" ngModel>

带有ngModel的选择会使用空白/空选项进行渲染。

没有ngModel：

使用ngModel：

这里是一名掠夺者：http://plnkr.co/edit/hwF2U7WHp1U8IQnVGEXv?p=preview

我错过了什么或这是一个错误吗？

Answer 1

如果您使用

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

带

gender: string = 'male';

您获得了理想的结果。如果您以这种方式使用ngModel，那么您也不应该使用getFormData方法。

Plunker example