Javascript 角度上的嵌套ng重复不起作用
我使用ng repeat来显示表单的各个部分,在每个部分中我必须显示问题,所以我使用一个嵌套的ng repeat,但我不知道如何显示(或为什么不显示)值 这是我正在使用的json示例:Javascript 角度上的嵌套ng重复不起作用,javascript,angularjs,json,angularjs-ng-repeat,ng-repeat,Javascript,Angularjs,Json,Angularjs Ng Repeat,Ng Repeat,我使用ng repeat来显示表单的各个部分,在每个部分中我必须显示问题,所以我使用一个嵌套的ng repeat,但我不知道如何显示(或为什么不显示)值 这是我正在使用的json示例: { "section": [{ "name": "Seccion 1", "questions": [{ "statement": "Primera pregunta", "id": 1 }, {
{
"section": [{
"name": "Seccion 1",
"questions": [{
"statement": "Primera pregunta",
"id": 1
}, {
"statement": "Pregunta 3",
"id": 3
}, {
"statement": "Pregunta 4",
"id": 4
}],
"id": 1
}, {
"name": "Seccion 2",
"questions": [{
"statement": "Segunda pregunta",
"id": 2
}],
"id": 2
}]
}
这是我的观点:
<div class="panel panel-default" ng-repeat="section in questionsTest track by $index">
<div class="panel-heading">
<h1>{{ section.name }}</h1>
<h3 class="panel-title">{{ section.name }}. {{ section.id }}</h3>
</div>
<div class="panel-body" ng-repeat="question in questions.section.questionsTest track by $index">
{{ question[$index].statement }} <!-- .statement -->
</div>
</div>
{{section.name}}
{{section.name}}。{{section.id}}
{{问题[$index].语句}
Questionstest是我在控制器中存储来自web服务的json表单的地方。在本例中,我使用了与其他问题不同的json结构第二个
ng repeat
似乎试图循环一个不存在的变量。鉴于你在该部分的循环中,你应该将第二次重复改为:
<div class="panel-body" ng-repeat="question in section.questions track by $index">
{{ question.statement }} <!-- .statement -->
</div>
{{question.statement}}
第二个ng repeat
似乎试图循环一个不存在的变量。鉴于你在该部分的循环中,你应该将第二次重复改为:
<div class="panel-body" ng-repeat="question in section.questions track by $index">
{{ question.statement }} <!-- .statement -->
</div>
{{question.statement}}
试试这个
<div class="panel panel-default" ng-repeat="section in questionsTest">
<div class="panel-heading">
<h1>{{ section.name }}</h1>
<h3 class="panel-title">{{ section.name }}. {{ section.id }}</h3>
</div>
<div class="panel-body" ng-repeat="question in section.questions">
{{ question.statement }} <!-- .statement -->
</div>
</div>
{{section.name}}
{{section.name}}。{{section.id}}
{{question.statement}}
试试这个
<div class="panel panel-default" ng-repeat="section in questionsTest">
<div class="panel-heading">
<h1>{{ section.name }}</h1>
<h3 class="panel-title">{{ section.name }}. {{ section.id }}</h3>
</div>
<div class="panel-body" ng-repeat="question in section.questions">
{{ question.statement }} <!-- .statement -->
</div>
</div>
{{section.name}}
{{section.name}}。{{section.id}}
{{question.statement}}
是的,您的代码是正确的,感谢帮助我解决问题是的,您的代码是正确的,感谢帮助我解决问题是的,这就是@digit帮助我解决的问题。无论如何谢谢是的,这就是@digit帮我解决的问题。无论如何谢谢你