2016-09-12 125 views
2

我使用name屬性和ngModel指令作爲一種簡單的方式來獲得在角2應用形式值:爲什麼ngModel爲選擇添加空白/空選項?

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

但我在select使用這種方法時,有一個問題:

<select name="gender" ngModel> 

ngModel進行選擇時會顯示空白/空白選項。

沒有ngModel

enter image description here

隨着ngModel

enter image description here

這裏有一個plunker:http://plnkr.co/edit/hwF2U7WHp1U8IQnVGEXv?p=preview

我缺少的東西,或這是一個錯誤?

+0

這不是一個空的選項添加,只是默認值不匹配任何選項。無論如何你會添加ngModel? –

+0

使用NgModel時,它爲空,因爲它綁定到您的模型值。如果您希望默認選擇任何性別,請將性別值設置爲您的模型。例如。 [(ngModel)] =「Model.value」雙向綁定。 – Jeet

+0

[爲什麼angularjs在select中包含空選項]可能的重複(http://stackoverflow.com/questions/12654631/why-does-angularjs-include-an-empty-option-in-select) –

回答

1

如果使用

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

gender: string = 'male'; 

你得到想要的結果。如果以這種方式使用ngModel,則也不應使用getFormData方法。

Plunker example