javascript - 将嵌套 json 中的值检索到 ng-repeat 中

Question

我想获取 jordan 和 jeremy 的任务数组的任务名称。我需要这个

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

和我的嵌套 json

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

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

我对循环数组和对象感到困惑，因为我无法 console.log 我的标记，我总是使用试错方法。当你进行 ng-repeat 时，有更好的调试方法吗？

Answer 1

user.relationship 未定义，您实际上正在尝试访问 user[0].relationship同样的原则也适用于关系属性，它是一个要迭代的数组。对于 user[0].relationships 中的 rel，迭代 rel.tasks 中的 task。