2016-06-16 21 views
1

私はselectオプションを使用すると、値を選択するまで、ng-optionの最初のオプションは常に空白になります。 私もオプションを試してみました:それは値に初期化されていない場合、またはあなたがそれを設定している場合はAngularjs、選択肢の最初の選択肢は常に選択まで空白です

<select class="form-control" ng-model="userDetails.selectedtimezone"> 
<option ng-repeat="selecttimezonelist in timezones" ng-selected="userDetails.selectedtimezone == selecttimezonelist.id" value="{{selecttimezonelist.id}}">{{selecttimezonelist.timezone}}</option> 
</select> 
+0

を使用しています。 –

+0

Uは、を選択すると空白のオプションを制限します。また、標準のドロップダウンの選択オプションもそこにあるはずです。 – 92sharmasaurabh

答えて

0

<select class="form-control" ng-model="userDetails.selectedtimezone" ng-init="selecttimezonelist = timezones[0]"> 
    <option ng-repeat="selecttimezonelist in timezones" ng-selected="userDetails.selectedtimezone == selecttimezonelist.id" value="{{selecttimezonelist.id}}">{{selecttimezonelist.timezone}}</option> 
</select> 

そして、あなたのコードを示すplunkrを追加CSS

select option:empty { 
    display:none 
} 
+0

この例は「角度のある角度」であることは疑いありません。 ng-initを使用して、空のオプションをcssで隠し、ng-optionsディレクティブを無視し、不要な 'ng-selected'を使用します。私はこの答えを間違っていると考えます。 –

+1

これは唯一の解決策だと思います –

0

角度は、通常、自動ブランク値とドロップダウンメニューの最初のオプションに入力されます値を選択できる値のリストの範囲外です。

変数を初期化する値を確認するか、まだ選択していない場合は、リストから変数を選択して初期化してください。その後、角度ところで

関連する問題