ng-repeat对象数组中的对象数组

Question

当一个对象在一个数组中，并且该数组在另一个对象数组中时，我在ng-repeat中重复对象的属性时遇到了问题：

$scope.myJson = [{'id':1,'date':2,'nikola':[{'title':'a', 'name':'b'},{'title':'v', 'name':'b'},{'title':'d', 'name':'b'},{'title':'a', 'name':'b'},{'title':'a', 'name':'b'}]},   
{'id':1,'date':2,'nikola':[{'title':'r', 'name':'b'},{'title':'a', 'name':'b'},{'title':'a', 'name':'b'},{'title':'a', 'name':'b'},{'title':'a', 'name':'b'}]},  
{'id':1,'date':2,'nikola':[{'title':'z', 'name':'b'},{'title':'a', 'name':'b'},{'title':'a', 'name':'b'},{'title':'a', 'name':'b'},{'title':'a', 'name':'b'}]}];


<div ng-repeat='json in myJson'>
  <p>{{json.id}}</p>
  <p>{{json.date}}</p>
  <p>{{json.nikola.title}}</p>
</div>

json.nikola.title并不是在每个nikola数组中都显示每个标题。谢谢你的帮助。

Answer 1

您没有得到输出的原因是您试图将数组作为单个值输出。如果想要数组中的每个值，也可以对其使用ng-repeat。

在使用ng-repeat时，您需要遍历数组。由于您的第一个目标是使用ID遍历主数组，因此可以使用

<div ng-repeat="item in myJson"></div>

你已经记下来了。此外，您还希望遍历每个项上的数组。与之前相同：

<div ng-repeat="subitem in item.nikola"></div>

这就对了。

<div ng-repeat="item in myJson">
    <div ng-repeat="subitem in item.nikola">
    </div>
</div>

然后，您可以在每个中继器上随意访问这些属性。

请参阅数据上的this plunker for a running example。

Answer 2

添加另一个ng-repeat以迭代nikola对象

<div ng-repeat='json in myJson'>
   <p>{{json.id}}</p>
   <p>{{json.date}}</p>
   <div ng-repeat='item in json.nikola'>
      <p>{{item.title}}</p>
   </div>
</div>`