2014-11-05 46 views
2
<select ng-model="Event.Team" ng-options="a.TeamName for a in Event.Item.TeamNamesList" required=""> 

<option value="" disabled="" class="">-- Select Your Team --</option> 
<option value="0">Team1</option> 
<option value="1">Team2</option> 
<option value="2">Team3</option></select> 

如何自動選擇已保存的db值? 在這裏,我保存了「Team1」與DB(字符串字段)一樣。此下拉列表中沒有任何與其關聯的「值域」。只有文本字段爲Team1,Team2,...自動選擇下拉框中已保存的值

編輯:在上面的設置中,我可以正確保存數據。但問題我已經是當它再次顯示下拉框中的數據。任何幫助將不勝感激。

+0

的可能重複[如何在選擇框中默認選項 - 角。 js](http://stackoverflow.com/questions/18194255/how-to-have-a-default-option-in-select-box-angular-js) – nightgaunt 2014-11-05 12:28:41

+0

@nightgaunt這不是一個重複的one.I需要從db中設置值。不是默認的o ne。下次用戶下載時,它保存在數據庫中的值應顯示在下拉框中。 – Sampath 2014-11-05 13:01:02

回答

0

您需要通過ng-options屬性指定使用哪個值。

以下應該工作ng-options="a.TeamName as a.TeamName for a in Event.Item.TeamNamesList"

編輯:

這樣的指令將知道如何選擇基礎上,ng-model其價值。

+0

仍然值爲0,1,2?爲什麼? – Sampath 2014-11-05 12:43:09

+0

但它工作? – shizik 2014-11-05 13:07:14

+0

我的錯誤,它仍然呈現爲0,1,2。但是,如果指定'ng-options'的'as'部分,則指令將知道要使用哪個值。我也編輯了我的答案。 – shizik 2014-11-05 13:14:06

0

對於像[{"Selected":false,"Text":"Yugoslavia","Value":"244"},{"Selected":false,"Text":"Zambia","Value":"246"},{"Selected":false,"Text":"Zimbabwe","Value":"247"}]

數據,這是什麼工作

<select 
    ng-model="paymentDetails.BeneficiaryCountry" 
    ng-options="country.Value as country.Text for country in paymentDetails.BeneficiaryCountryList"> 
    <option value=""></option> 
</select> 
+0

我的下拉列表只是一個字符串數組。不是一個複雜的對象。任何線索? – Sampath 2014-11-05 13:23:38

0

試試這個

select ng-model="Event.Team" ng-options="a.TeamName as a.TeamName for a in Event.Item.TeamNamesList" required=""> 

你可以參考下面的jsfiddle

http://jsfiddle.net/n9rQr/20/

+0

但是,如果你檢查你的小提琴,它顯示值爲0,1 ..這樣的?使用F12鍵。 – Sampath 2014-11-05 12:46:55

0

在這裏被完全工作示例中,關鍵是要使用track by選擇ng-options像這樣:

<select ng-model="selectedCity" 
     ng-options="city as city.name for city in cities track by city.id"> 
    <option value="">-- Select City --</option> 
</select> 

如果selectedCity上的角範圍限定,並且它具有id屬性具有相同值的如cities列表中任何城市的任何id,它將在加載時自動選擇。

這裏是Plunker此: http://plnkr.co/edit/1EVs7R20pCffewrG0EmI?p=preview

更多詳情請參閱源文件: https://code.angularjs.org/1.3.15/docs/api/ng/directive/select