title: AngularJS : orderBy on array not working
body: <p>I am trying to order a list i'm showing in the front end. This is the json I am passing it from the my angular controller:</p>
  
  <p><a href="https://jsonblob.com/56e895cbe4b01190df5567e6" rel="nofollow">My Json Sample here </a></p>
  
  <p>I am passing it an array filled with some amount of those arrays.</p>
  
  <p>I want to order the list by the internalRanking, which I can make a string or int, but it will not always be the same length. I have tried looking online but I don't think I need to create a custom filter as it is iterating over an array containing some amount of the above array. My HTML is:</p>
  
  <pre><code>&lt;form class="form-inline"&gt;
    &lt;input ng-model="query" type="text" placeholder="Filter by" autofocus&gt;
  &lt;/form&gt;
  &lt;ul ng-repeat="rankingData in allRankingData | filter:query | orderBy:allRankingData[0].entries[0].internalRanking"&gt;
    &lt;li&gt;{{index}}&lt;/li&gt;
    &lt;li&gt;{{rankingData[0].entries[0].playerOrTeamName}}&lt;/li&gt;
    &lt;li&gt;{{rankingData[0].tier}} {{rankingData[0].entries[0].division}} - {{rankingData[0].entries[0].leaguePoints}}LP&lt;/li&gt;
    &lt;li&gt;{{rankingData[0].entries[0].internalRanking}}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>It just isn't ordering anything. The last list line of</p>
  
  <pre><code>{{rankingData[0].entries[0].internalRanking}}
  </code></pre>
  
  <p>is printing out the value fine, so that reference is correct.</p>
  
  <p>Does anyone have any ideas? I can post more code if necessary</p>