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

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

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

但是在_1312580中使用这种方法时我遇到了问题:

<select name="gender" ngModel>

带有 ngModel 的选择呈现为空/空选项 .

没有 ngModel

enter image description here

随着 ngModel

enter image description here

这是一个吸烟者:http://plnkr.co/edit/hwF2U7WHp1U8IQnVGEXv?p=preview

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

回答(1)

2 years ago

如果你使用

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

gender: string = 'male';

你得到了理想的结果 . 如果以这种方式使用 ngModel ,则也不需要 getFormData 方法 .

Plunker example