javascript - 如何绑定(bind)数组以供 Angularjs 选择？

Question

我正在尝试将一个对象数组绑定(bind)到一个选择下拉列表，但我不知道如何进行这项工作，有人可以建议如何进行这项工作吗？

HTML:

<div ng-app ng-controller="DisplayCtrl">
<select ng-model="eventName" ng-options="name.event for name in eventNames">
    <option value="">Select Event</option>
</select>
<p>Currently selected: {{eventName.description}} </p></div>

AngularJS:

function DisplayCtrl($scope) {
$scope.eventNames = [{
    event: "Function A",
    description: "Gaming"
}, {
    event: "Function B",
    description: "Basketball"
}, {
    event: "Function C",
    description: "Football"
}, {
    event: "Function D",
    description: "Dancing"
}];
$scope.eventName = $scope.eventNames[1].event;}

http://jsfiddle.net/ztABS/

Answer 1

使用对象数组，angular 会将真实 对象存储在模型变量中。所以你的预选应该做同样的事情，因此:

$scope.eventName = $scope.eventNames[1].event;

应该是:

$scope.eventName = $scope.eventNames[1];

见:

http://jsbin.com/uyuJuDO/1/