JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-app="mySampleApp" ng-controller="sampleCtrl">
<select ng-model="sortData">
<option value='-name'> No sort</option>
<option value='name'>Name A-Z</option>
<option value='-name'>name Z-A</option>
<option value='-age'>Age Max-low</option>
<option value='age'>Age low-max</option>
</select>

  <table class="friend">
    <tr>
      <th>Name</th>
      <th>Phone Number</th>
      <th>Age</th>
    </tr>
    <tr ng-repeat="friend in friends | orderBy:sortData">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>
  </table>
</div>

JavaScript

var app = angular.module('mySampleApp', []);
app.controller('sampleCtrl', function($scope, $http) {
     $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}];
});