Anuglar Ng-repeat get properties inside object's object
<p>I have a problem on getting properties inside of an object of an object of an object of an array....Sorry this is too complex...</p>

<p>This is how's my array looks like:</p>

<blockquote>
  <p>Many Object in one array:</p>
</blockquote>

<pre><code>Array [ Object , Object ]
</code></pre>

<blockquote>
  <p>Each Object have a "pair1" and "pair2" Object</p>
</blockquote>

<pre><code>Array [ [ pair1 , pair2] , Object ]
</code></pre>

<blockquote>
  <p>Each "pair" have a "player1" and "player2" Object</p>
</blockquote>

<pre><code>Array [ [ [ player1, player2 ] , pair2 ] , Object ]
</code></pre>

<blockquote>
  <p>Each "player" have many properties</p>
</blockquote>

<pre><code>Array [ [ [ {id:1, firstname:"test", ...} , player2 ] , pair2 ] , Object ]
</code></pre>

<p><a href="https://i.stack.imgur.com/QZ9MH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QZ9MH.png" alt="For yours convenience"></a></p>

<p>And I will like to have a result like:
<a href="https://i.stack.imgur.com/pZCfI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pZCfI.png" alt="enter image description here"></a></p>

<p>The variable of my Array is:
    $scope.currentList = Array [ Object , Object ]</p>

<p>And I tried to do in this way, but is not working?</p>

<pre><code>&lt;table class="table table-striped"&gt;
    &lt;tr class="success"&gt;
        &lt;td&gt;Team 1&lt;/td&gt;
        &lt;td&gt;Team 2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr ng-repeat="match in currentList"&gt;
        &lt;td&gt;
            {{match.pair1.player1.firstname}}&lt;br&gt;
            {{match.pair1.player2.firstname}}
        &lt;/td&gt;
        &lt;td&gt;
            {{match.pair2.player1.firstname}}&lt;br&gt;
            {{match.pair2.player2.firstname}}
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>