NG-重複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"} 
         ] 
      } 
    } 

我有元件陣列和夥伴和教師陣列內等於項的對象。我只放置了兩件物品以供展示，可能會有很多。

Obj.elements [0]與Obj.linked.partners [0]和Obj.linked.instructors [0]有關。同樣，對於第一，第二，第三......項目也是如此。

我怎樣才能NG-重複此對象上，這樣我可以顯示

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> 

$ ng index指示ng-repeat中的Angular用於在迭代對象時跟蹤其位置。這裏是文檔：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>