无法将嵌套的json值导入ng-repeat

时间:2014-04-15 16:01:08

标签: json angularjs

我的数据:

var user = [{
    'uId': 1,
    'name': 'eldy',
    'relationship': [{
        'uId':2,
        'name': 'Jeremy',
        'tabs':[{
                'tabId':1
            }],
        'tasks':[{
                'name':'tasks 1 of Jeremy Lin'
            }, {
                'name':'tasks 1 of Jeremy Lin'
            }, {
                'name':'tasks 1 of Jeremy Lin'
            }],
        'points': 50
        },

        {
            'uId':3,
        'name': 'Jordon',
        'tabs':[{
                'tabId':2
            }],
        'tasks':[{
                'name':'Im Jordon'
            }],
        'points': 100
        }
    ]
}]

我想访问关系数组的任务,我试过

<ul ng-repeat="user in user">
    <li ng-repeat="tasks in user.relationship.tasks">
        {{tasks[0].name}}
    </li>
</ul>

但它返回空白。我总是有问题使用嵌套的json,任何帮助它的工具?

1 个答案:

答案 0 :(得分:2)

将“用户置于用户”可能是不好的做法,因为它有点含糊不清。尝试重命名变量“users”以避免混淆。

接下来,你需要为关系添加另一个重复,因为这是一个数组,或者只打印第一个用户:

user.relationship[0].tasks.

编辑:

这是一个小提琴,展示如何使用额外的ng-repeat http://jsbin.com/diyefevi/7/edit?html,js,output

来完成