大佬教程收集整理的这篇文章主要介绍了angularjs – 在包含JSON的JSON上使用ng-repeat，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
{
"modules":
{
"module1":
{
"title":"name of module1","description":"description of module1","weeks":{"week1":{"title":"Week 01"}
},"module2":
{
"title":"name of module2","description":"description of module2","weeks":{"week2":{"title":"Week 02"},"week3":{"title":"Week 03"}
}
}
}
我的最终输出是一张表格，我可以让模块重复一遍，但是我很难理解我在做几个星期的循环中所做的错误。这是我的模板：
<table class="table table-bordered" ng-repeat="module in ocw.modules">
<tr>
<td>
<h3 class="moduletitle">{{ module.title }}</h3>
<h4>Description</h4>
<p>{{ module.description }}</p>
</td>
</tr>
<tr ng-repeat="week in ocw.modules.weeks">
<td>
{{ week.title }}
</td>
</tr>
</table>
所以这将输出2个表，具有适当的标题和描述，但我似乎不能让周显示正确。请注意，一些“模块”有一个“周”。我不太确定错误是否在我的模板或json中。
感谢任何帮助。
小号
演示：http://plnkr.co/edit/e41n9vAMMLf0WWIUQ8HO?p=preview
json数据：
{
"modules":
[
{
"title":"name of module1","weeks":[{"id":1,"title":"Week 01"}]
},{
"title":"name of module2","weeks":[{"id":2,"title":"Week 02"},{"id":3,"title":"Week 03"}]
}
]
}
然后你的标记将是：
<table class="table table-bordered" ng-repeat="module in ocw.modules">
<tr>
<td>
<h3 class="moduletitle">{{ module.title }}</h3>
<h4>Description</h4>
<p>{{ module.description }}</p>
</td>
</tr>
<tr ng-repeat="week in module.weeks">
<td>
{{ week.title }}
</td>
</tr>
</table>
当你正在迭代每个模块，在这种情况下是模块来获得几周，它只是module.weeks与module.title大致相同。在你的例子中，你正在进行迭代，并试图引用与你的json结构不匹配的ocw.modules.weeks。
以上是大佬教程为你收集整理的angularjs – 在包含JSON的JSON上使用ng-repeat全部内容，希望文章能够帮你解决angularjs – 在包含JSON的JSON上使用ng-repeat所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。