设置一系列动态选择的选项

时间:2013-07-27 16:17:03

标签: angularjs ng-options

我有一个角度模型从API接收数据,如下所示:

$scope.questions = [
        {name: 'Question 1', options:['Option 1', 'Option 2', 'Option 3'],id: 1},
        {name: 'Question 2', options:['Option A', 'Option B', 'Option C'],id: 2},
        {name: 'Question 3', options:['Option a', 'Option b', 'Option c'],id: 3}

    ]

而且,我想迭代所有问题,每个问题都有一系列选择框,其中选项的选项来自问题对象

<div ng-repeat="question in questions">

<label>{{question.name}}</label><select ng-options="?"></select>

</div>

我无法弄清楚是什么?应该。我认为ng-options="o in question.options"可能有用,但没有这样的运气。可以这样做吗?如果是这样,怎么样?

1 个答案:

答案 0 :(得分:1)

根据the documentation,它应该是

o for o in question.options

请注意,您需要为此指定ng-model属性:

<select ng-model="question.selectedOption" ng-options="o for o in question.options"></select>

这是a plunk显示它有效。