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

时间:2016-03-08 21:59:17

标签: javascript jquery angularjs angularjs-ng-repeat

我在使用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数组中的每个标题。 谢谢你的帮助。

2 个答案:

答案 0 :(得分:2)

您没有获得输出的原因是您尝试将数组输出为单个值。如果您想要数组中的每个值,也可以在其上使用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>

然后,您可以在每个转发器上访问属性。

请参阅有关您数据的https://developer.apple.com/library/ios/documentation/CoreFoundation/Reference/CFRunLoopRef/index.html#//apple_ref/c/func/CFRunLoopRunInMode

答案 1 :(得分:0)

添加另一个composer.json以迭代package.json对象

ng-repeat