angularjs - AngularJS：选择元素 - 具有不同的模型和选项值

Question

我的控制器中有一个 javascript 对象，如下所示：

$scope.options = [
    {
        "actualValue": "age",
        "displayValue": "Age"
    },
    {
        "actualValue": "maiden",
        "displayValue": "Maiden Name"
    }
];

现在，我正在显示一个选择元素，其中元素的选项将是上面编写的“displayValue”属性中的值：

<select ng-options="entry.displayValue for entry in options" ng-model="biodata">
    <options>-- Select a BioData Option --</option>
</select>

现在，我的问题是，ng-model当用户从下拉列表中选择一个值时，上面的选择元素是“displayValue”属性。我希望它ng-model是“actualValue”属性。

我怎样才能做到这一点？

Answer 1

<select ng-options="entry.actualValue as entry.displayValue for entry in options"></select>

小提琴：http: //jsfiddle.net/rzV65/

已经在这里回答了：如何在 AngularJS 的 ng-options 中设置 value 属性？