对对象angularjs进行ng-repeat

Question

我有一个这样的物体

Obj = {
  "elements":[
               {"name":"something","id":"v1-234"},
               {"name":"somethingElse","id":"v1-239"}
             ],
  "paging":{
    "next" : "100",
    "total": "2000"  
   },
 "linked"={
            "partners":[
                         {"id":"82","name":"A"},
                         {"id":"83","name":"B"}
                       ],
             "instructors":
                       [
                         {"id":"11232","name":"alex"},
                         {"id":"11432","name":"boob"}
                       ]
           }
    }

我在elements数组和partner和教师数组中有相等的项。 我只放置了2个项目只是为了显示，可能有很多。

Obj.elements [0]与Obj.linked.partners [0]和Obj.linked.instructors [0]相关。 同样，第一，第二，第三项也是如此。

如何对这个对象进行ng-repeat以便显示

Obj.elements [i] Obj.linked.partners [i] Obj.linked.instructors [i]

一次在html模板中？

Answer 1

如果您的元素，合作伙伴和讲师数组的长度始终相同，并且您想例如将名称结合在一起，则可以尝试这样的操作。

<div ng-repeat="element in Obj.elements">
    {{element.name}} {{Obj.linked.partners[$index].name}} {{Obj.linked.instructors[$index].name}}
</div>

Angular在ng-repeat中使用$ index来跟踪对象迭代时的位置。 这是文档： ng-repeat

Answer 2

ng-repeat具有$index范围变量：

<ANY ng-repeat="element in model.elements">
   <span ng-bind="element.name"></span>
   <span ng-bind="model.linked.partners[$index].name"></span>
   <span ng-bind="model.linked.instructors[$index].name"></span>
</ANY>