在包含JSON的JSON上使用ng-repeat

在包含JSON的JSON上使用ng-repeat

我会更改您的数据结构，以便您的模块和星期是一组对象。

演示：http：//plnkr.co/edit/e41n9vAMMLf0WWIUQ8HO？p
= preview

json数据：

{    "modules":        [     {        "title":"name of module1",        "description":"description of module1",        "weeks":[{"id":1, "title":"Week 01"}]     },     {        "title":"name of module2",        "description":"description of module2",        "weeks":[{"id":2, "title":"Week 02"},{"id":3,"title":"Week 03"}]     }        ]}

然后您的标记将是：

<table  ng-repeat="module in ocw.modules"><tr>    <td>        <h3 >{{ 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

要

module.weeks

花费数周）时，它与几乎相同

module.title

。在您的示例中，您位于迭代内部，并尝试引用

ocw.modules.weeks

与您的json结构不匹配的内容。