使用标签和值数组将选择与ng-options绑定

Question

我为我的生活无法弄清楚如何使用数组设置labal和select值

我有一系列国家/地区

$scope.countries =  [
    {abbr:"US", name:"United States"},
    {abbr:"CA", name:"Canada"},......
]

我希望select能够生成

<select>
  <option value="US">United States</option>
  <option value="CA">Canada</option>
</select>

然而，我能够实现的最接近的是

<select>
  <option value="1">United States</option>
  <option value="2">Canada</option>
</select>

我已经使用

实现了这一目标

<select class="form-control" ng-options="country.Name for country in countries" ng-model="selectedCountry">

如何使用ng-options指定标签和值？

Answer 1

没有测试，我认为这只是

ng-options="country.abbr as country.name for country in countries"

Answer 2

对于确切的结构，您需要通过ng-repeat <option><option> ng-options永远不会设置您想要的值，它将始终设置为0,1,2,3等

<强> HTML

<select ng-model="selectedCountry">
    <option ng-repeat="country in countries" value="{{country.abbr}}" ng-bind="country.name"></option>
</select>

JSFiddle

希望这可以帮助你，谢谢。