AngularJS-ng-options选择值

Question

我有一个像这样的数组

[
{"id":"+7940","name":"Abkhazia"},
{"id":"+93","name":"Afghanistan"},
{"id":"+355","name":"Albania"},
{"id":"+213","name":"Algeria"}
]

等等...

我的选择看起来像这样

<select ng-model='person.contactCountryCode' 
        ng-options='c.id as c.name + " " + c.id for c in countryCodes'>
        <option value=""> - Code -</option> 
</select>

我正在尝试将ID显示为所选值，而不是名称。

我已经尝试过使用ng-options了，但是我似乎不太明白。

任何帮助将非常感激！

Answer 1

的HTML

<div ng-app="myapp">
    <fieldset ng-controller="FirstCtrl">
        <select ng-model="selected" 
          ng-options="c.id for c in person">
        </select>
        <span>{{selected.name}}</span>
    </fieldset>
</div>

控制者

var myapp = angular.module('myapp', []);
    myapp.controller('FirstCtrl', function ($scope) {  
    $scope.person = [
      {"id":"+7940","name":"Abkhazia"},
      {"id":"+93","name":"Afghanistan"},
      {"id":"+355","name":"Albania"},
      {"id":"+213","name":"Algeria"}
    ];
});

选择ID后，将显示相应的名称。

这是一个小提琴： http : //jsfiddle.net/KN9xx/814/