2016-08-16 104 views
0

我對得到一個數組的對象的對象的對象的內部性質的問題....很抱歉,這太複雜了......Anuglar伍重複獲取對象的對象內部的屬性

這是怎麼是我的數組類似:

許多對象在

一個數組:

Array [ Object , Object ] 

每個對象都有 「pair1」 和「p AIR2" 對象

Array [ [ pair1 , pair2] , Object ] 

每一個 「對」 有 「PLAYER1」 和 「player2」 對象

Array [ [ [ player1, player2 ] , pair2 ] , Object ] 

每一個 「玩家」 的許多性質

Array [ [ [ {id:1, firstname:"test", ...} , player2 ] , pair2 ] , Object ] 

For yours convenience

而且我會想有這樣的結果: enter image description here

我的數組變量是: $ scope.currentList =數組[目標,對象]

我試着這樣做,但不工作?

<table class="table table-striped"> 
    <tr class="success"> 
     <td>Team 1</td> 
     <td>Team 2</td> 
    </tr> 
    <tr ng-repeat="match in currentList"> 
     <td> 
      {{match.pair1.player1.firstname}}<br> 
      {{match.pair1.player2.firstname}} 
     </td> 
     <td> 
      {{match.pair2.player1.firstname}}<br> 
      {{match.pair2.player2.firstname}} 
     </td> 
    </tr> 
</table> 
+0

您可以使用指令的子表。 –

+0

你的意思是我應該在td裏面有一張桌子嗎? –

+0

謝謝@Damiano,但不工作? –

回答

0

你可以在ng-repeat中使用ng-repeat。因爲你的aray結構是多層次的,你已經指定了變量名,所以我可以給你這麼多的信息。

0

達米亞諾被解釋正確,

仍然我嘗試了一下,試試這個。

here正在撥弄

<div ng-controller="MyCtrl"> 
    <table class="table table-striped" border="1"> 
    <tr class="success"> 
     <td></td> 
     <td>Pair 1</td> 
     <td>Pair 2</td> 
    </tr> 
    <tr ng-repeat="(key,value) in currentList"> 
     <td> 
      Match {{key+1}} 
     </td> 
     <td> 
      <span ng-repeat="(pairKey,pairVal) in value.pair1"> 
      {{pairVal.name}} <br> 
      </span> 
     </td> 
     <td> 
      <span ng-repeat="(pairKey,pairVal) in value.pair2"> 
      {{pairVal.name}} <br> 
      </span> 
     </td> 
    </tr> 
</table> 
</div> 


function MyCtrl($scope) { 
    $scope.currentList = [{pair1:{player1:{name:'Ashish',age:25},player2:{name:'sachin',age:25}}, 
         pair2:{player1:{name:'Anil',age:25},player2:{name:'Kamal',age:25}}}, 
         {pair1:{player1:{name:'AMol',age:20},player2:{name:'Santosh',age:21}}, 
         pair2:{player1:{name:'satish',age:20},player2:{name:'Devidas',age:21}}}]; 
    console.log($scope.currentList); 


} 
+0

謝謝,我試過你的解決方案,我沒有任何輸出,{{value.pair1}}不起作用,{{value [0] .pair1}}可以工作 –