ng-repeat 对象 angularjs

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

我在元素数组和合作伙伴和讲师数组中有相同的项目。我只放置了 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>