Angularjs，首先選擇選項始終是空白，直到選擇

當我使用select選項時，ng選項的第一個選項始終顯示爲空，直到我選擇該值。我已經試過選項也：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>

來源

2016-06-16 Navin Pawar

添加顯示您的代碼plunkr。 –

U可能想要添加，這將限制空白選項。並且選擇選項應該在標準下拉列表中。 – 92sharmasaurabh

通過角方式

<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>

然後用CSS

select option:empty { 
    display:none 
}

來源

2016-06-16 12:41:51

可疑的是，這個例子是「通過角度的方式」。使用ng-init，用css隱藏空選項，忽略ng-options指令，不必要的'ng-selected'。我認爲這個答案是錯誤的。 –

我認爲這是唯一的工作解決方案 –

角通常會自動填寫一個下拉菜單，空值的第一個選項，如果它尚未初始化的值，或者如果您已經將其設置爲值不在它可以從中選擇的值列表中。

你應該看看你正在初始化變量的值是什麼，如果你還沒有初始化變量到列表中的一個值來選擇。

來源

2016-06-16 11:59:38 Joffutt4

Angularjs，首先選擇選項始終是空白，直到選擇

回答

相關問題