Question

我的控制器中有一个javascript对象：

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

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

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

现在，我的问题是，当用户从下拉列表中选择一个值时，上面的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/

这里已经回答：How do I set the value property in AngularJS' ng-options?

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

1 个答案: