ng-modelとドロップダウン、値ではなく名前を取得

Question

angel.jsの値ではなく、ドロップダウンで選択したオプション名/ text/htmlを読み込もうとしています。ここで私はそれを行う方法であるが、これは値を返し、ない名前：私のコントローラで私のhtml

<select class="SelectCar" ng-model="SelectedCar"> 
    <option ng-repeat="car in cars" value="{{car.Guid}}"> 
     {{car.Name}} 
    </option> 
</select> 

で

var car = $scope.SelectedCar; 

「車」の値になります私は車を返そうと思っています。代わりに名前。私は車を取り外すことができません。このGuidは私のアプリの別のコンポーネントによって使用されているので、価値のためのガイドです。

Answer 1

ng-optionsから "as"を使用する必要があります。それはあなたが別の値を格納しながら1つの値を表示することができます。私のコントローラから

：以下のコードブロックを見てみましょう

$scope.cars = [ 
    {name:'Nissan', guid:'1-9'}, 
    {name:'Toyota', guid:'1-23'}, 
    {name:'Ford', guid:'8-43'}, 
    {name:'Honda', guid:'2-6'}, 
    {name:'Datsun', guid:'1-55'} 
]; 
$scope.selectedCar = $scope.cars[1].guid; 

私のHTMLから：//docs.angularjs：

<select ng-model="selectedCar" ng-options="car.guid as car.name for car in cars"></select> 
<div> 
    Selected Color: {{selectedCar}} 
</div> 

そして、ここではjsFiddle