2016-08-16 3 views
0

オブジェクトのオブジェクト内のプロパティを取得....これはあまりにも複雑で申し訳ありません...これはAnuglarン・リピート私は、配列のオブジェクトのオブジェクトのオブジェクトの内部の性質を得ることに問題を抱えている

各オブジェクトは、

Array [ Object , Object ] 

"PAIR1" と「Pをしている:1つの配列に

多くのオブジェクト:私の配列は、などをどのように見えるかをです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

@ダミアーノ、ありがとうございますが、動作していないのですか? –

答えて

0

ng-repeatの中でng-repeatを使用できます。なぜなら、あなたの構造は多レベルであり、あなたは変数名を指定しているので、私はあなたにこのような多くの情報を与えることができます。

ダミアーノが正しく説明されて

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}}は動作します –

関連する問題