2015-10-15 37 views
0

我正在构建一个MCQ应用程序,该应用程序具有不同数量的选项的多个问题。 所以,问题1可以有4个选项,问题2可以有2个选项等等。遍历json数组中的选项的动态数量

我已经从后端生成一个json数组,它给了我数据,告诉我每个问题的选项数量。

但我坚持在浏览器上显示此选项的一部分。

我的JSON对象看起来是这样的:

[ 
{ 
    "option1": "asdasd", 
    "option2": "ajda", 
    "option3": "hsadb", 
    "option4": "asd", 
    "question": "hello", 
    "quest_id": 32 
}, 
{ 
    "option1": "dsf", 
    "option2": "afs", 
    "question": "asdad", 
    "quest_id": 34 
} 
] 

我要动态地显示与它们对应的选项和单选按钮除了他们每一个问题。

另外我有一个数组告诉我每个像[4,2]中的选项数量,其中说问题1有4个选项,问题2有2个选项。 我试图在这个数组中应用使用角JS的ng-repeat,但它给出了“dupes error”,因为不允许使用重复元素。 任何帮助,将不胜感激。 在此先感谢。

+0

使用'为... in'遍历了对象成员 – Tushar

+0

如果你想使用NG-重复,则易受骗的错误是可以解决的只是写跟踪$索引。例如

shatakshi

+0

@shatakshi如果我使用$ index索引,它不会使用正确的值吗? –

回答

0

{test:[{question: "hello", answers:['asda','asdasd','asdasd'], "quest_id": 32}]} 使用这样的结构,ng-repeat应该看起来像这样。

<div ng-repeat="question in test"> 
{{question.question}} 
<div ng-repeat="obj in question.answers"> 
    <input type="radio" ng-model="testResult[question.quest_id].answer" value="obj"> 
</div> 

这样的事情应该工作