栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在包含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结构不匹配的内容。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/633493.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号