AngularJS：获得选择的标签，而无需修改NG-模型

Question

我目前坚持了这看似简单的问题：

控制器：

$scope.fruits = [{ 
    name: 'AP', 
    label: 'Apple' 
    }, { 
    name: 'BA', 
    label: 'Bananas' 
    }]; 

HTML代码：

<select 
    ng-model="meal.fruit" 
    ng-options="fruit.name as fruit.label for fruit in fruits"> 
</select> 

<p>Fruit : {{meal.fruit}}</p> 

问题是，这显示

Fruit : BA 

而不是

Fruit : Bananas 

我不能修改NG-选项“果为fruit.label”因为我需要我的模型“meal.fruit”是“AP”或“BA”（因为它是一个Java枚举反序列化由杰克逊，它需要枚举值）。

JSFiddle

总之，我需要meal.fruit是“BA”，我也希望能够以显示所选值“香蕉”别的地方。

我该怎么办？

编辑：

为我工作的解决方案是由Maxim Shoustin，发现（非常感谢！）：

我修改了代码，具备以下条件：

http://jsfiddle.net/2qfSB/77/

而且然后我修改我的提交方法添加以下内容：

$scope.meal.fruit = $scope.meal.fruit.name; 

Answer 1

只要改变ng-options：

ng-options="fruit.label as fruit.label for fruit in fruits"> 

固定演示：Fiddle

作为一个侧面说明

您可以通过默认的第一个元素设置使用ng-init避免空连击：

<select 
     ng-model="meal.fruit" 
     ng-options="fruit.label as fruit.label for fruit in fruits" 
     ng-init="meal.fruit = fruits[0].label" 
    > 

演示：Fiddle