reverse Listing

by Gururaj Dharani

HTML

<div ng-app="myapp" ng-controller="AppController">
 
  <table class="friends">
    <tr>
     <th>
       Order
      </th>
      <th>
        Name
      <th>
       Phone Number
      </th>
      <th>
        Age
      </th>
     
    </tr>
    <tr ng-repeat="(k,friend) in friends| orderBy:'-' ">
     <td>{{friends.length - $index}}</td>
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
     
    </tr>
  </table>
</div>

JavaScript

app=angular.module('myapp', [])
app.controller('AppController', ['$scope', function($scope) {
  var friends = [
    {name: 'John',   phone: '555-1212',  age: 10},
    {name: 'Mary',   phone: '555-9876',  age: 19},
    {name: 'Mike',   phone: '555-4321',  age: 21},
    {name: 'Adam',   phone: '555-5678',  age: 35},
    {name: 'Julie',  phone: '555-8765',  age: 29}
  ];

  $scope.reverse = true;
  $scope.friends = friends;

}]);