AngularJs数据绑定下拉

时间:2013-02-16 13:40:28

标签: javascript angularjs couchdb

我是CouchDB&的新手Angular.js。

我在CouchDB中有以下文档。

{
"_id": "Ref_Colors",
"_rev": "1-c4c800fa1dcb510915d1c6c81c8c988c",
"Items": ["Red", "Blue", "Green", "Yellow", "White", "Black"]
}

我的控制器功能

app.controller('ColorCtrl', function($scope, $http) {
 $http.get('db/Ref_Colors').success(function (data) {
    $scope.Colors = data.Items;
    });
});

在我的HTML页面

<div> {{Colors}} </div> 

正确显示[“红色”,“蓝色”,“绿色”,“黄色”,“白色”,“黑色”]。

但是,如果我尝试将此数组绑定到下拉列表,则下拉框仍为空!

<select name="SelectedColor" ng-model="SelectedColor" ng-options="c for c in Colors"></select>

请建议如何正确绑定AngularJs中的下拉框。

0 个答案:

没有答案