orderBy example

by Tiago

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<div ng-app="orderByExample" ng-controller="ExampleController">
  <table>
    <tr>
      <th>Name</th>
      <th>Phone Number</th>
      <th>Age</th>
    </tr>
    <tr ng-repeat="friend in friends | orderBy:'-age'">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>
  </table>
</div>

JavaScript

angular.module('orderByExample', [])
  .controller('ExampleController', function($scope) {
    $scope.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
    }];
  });