在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上看到我在说什么的演示