The data being shown in the ng-repeat is acquired from a firebase db and as such is loaded asynchronously

this is the HTML:

```
<tr ng-animate="{enter: 'animate-enter', leave: 'animate-leave'}" ng-repeat="player in players|orderBy:'-Level'" class="neutral">
    <td>{{$index+1}}</td>
    <td>{{player.PlayerName}}</td>
    <td>{{player.Wins}}</td>
    <td>{{player.Losses}}</td>
    <td>{{player.Level}}</td>
  </tr>

```

And this is my controller:

```
app.controller 'RankController', ($scope, angularFire) ->

  $scope.players;
  ref = new Firebase("https://steamduck.firebaseio.com/players")
  angularFire(ref, $scope, 'players')

```

![enter image description here](https://i.stack.imgur.com/vmWn5.png)

What am I doing wrong? why is the list not being ordered by Level?

*edit: Turns out this works perfectly if I use the model made by **lukpaw**. As such the problem must be in the data I receive which looks like this :* 

![enter image description here](https://i.stack.imgur.com/i3srA.png)