2

オブジェクト配列を選択ドロップダウンにバインドしようとしていますが、これを機能させる方法がわかりません。誰かがこれを機能させる方法を提案できますか?

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/

4

1 に答える 1

4

オブジェクト配列を使用すると、angular は実際のオブジェクトをモデル変数に格納します。したがって、事前選択でも同じことを行う必要があります。

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

次のようにする必要があります。

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

見る：

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

于 2013-08-28T08:48:29.527 に答える