在angularJS中使用ng-options選擇綁定

Question

我試圖使用ng選項將項目綁定到我的選擇，並使用ng模型獲取值。 HTML代碼：

  <select class="form-control" data-ng-options="s.Value as s.Name for s in PageData.CountryCollection" data-ng-model="PageData.PageInfo.CounrtyID"> </select> 

AngularJS代碼：

 $cope.PageData.CountryCollection=[{Value:1,Name:xyz},{Value:2,Name:abc},....] $cope.PageData.PageInfo={CountryID:1,CounrtyName:bcd,population:5m} 

在這種情況下，我在選擇列表中得到了重復的項目，例如xyz abc xyz abc。

誰能幫我解決這個問題嗎？？？

Answer 1

沒有更多的代碼，就不可能說出為什么要得到重復值。 您可以嘗試使用跟蹤依據，以查看是否有幫助，但是如果沒有更多信息，就很難說清。

<select class="form-control" 
    data-ng-options="s.Value as s.Name for s in PageData.CountryCollection track by $index" 
    data-ng-model="PageData.PageInfo.CounrtyID">
</select>

但是我可以告訴您，根據您的示例，您的代碼可能無法按預期運行。

將ng-model設置為PageData.PageInfo.CountryID只會更新該對象的ID。 如果要在下拉菜單中將PageInfo對象設置為object，請按以下步驟進行選擇：

<select class="form-control" 
    data-ng-options="s.Name for s in PageData.CountryCollection"      
    data-ng-model="PageData.PageInfo">
</select>

可以在此Plunk上看到我在說什么的演示