Question

我想获得约旦和杰里米任务数组的任务名称。我需要这个

  <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
                }
            ]
        }
]

我很困惑地遍历数组和对象，因为我无法控制.log我的标记，我总是使用试错法。你做什么重复时有更好的调试方法吗？

Answer 1

user.relationship未定义，您实际上是在尝试访问用户[0]。关系相同的原则将适用于关系属性，这是一个迭代的数组。 for rel in user[0].relationships，遍历task in rel.tasks。

Answer 2

迭代user，然后relationship，然后tasks，然后访问name属性..

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

JsBin：http://jsbin.com/numokero/2/edit

尝试使用Angular Batarang Chrome extension调试角度模型和绑定。

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

2 个答案: