Связывание выбора с нг-вариантами с использованием массива меток и значение

Question

Я за жизнь меня не может понять, как установить как labal и значение отборного, используя массив

У меня есть массив стран

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

Я хочу, чтобы выбрать для создания как таковой

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

Как присвоить метку и значение, используя нг-варианты?

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

Надеюсь, это может вам помочь, спасибо.