Untitled

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-example57-production</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.16/angular.min.js"></script>
</head>
<body ng-app="orderByExample">
<script>
angular.module('orderByExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.friends =
[{'@name':'TEST', '@phone':'555-1212', '@age':"10"},
{'@name':'TEST2', '@phone':'555-9876','@age':"19"},
{'@name':'TEST1', '@phone':'555-4321','@age':"21"},
{'@name':'TEST4', '@phone':'555-5678','@age':"35"},
{'@name':'TEST5', '@phone':'555-8765','@age':"29"}];
$scope.predicate = '-age';
}]);
</script>
<div ng-controller="ExampleController">
<pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>
<hr/>
[ <a href="" ng-click="predicate=''">unsorted</a> ]
<table class="friend">
<tr>
<th><a href="" ng-click="predicate = '@name'; reverse=false">Name</a>
(<a href="" ng-click="predicate = '-@name'; reverse=false">^</a>)</th>
<th><a href="" ng-click="predicate = '@phone'; reverse=!reverse">Phone Number</a></th>
<th><a href="" ng-click="predicate = '@age'; reverse=!reverse">Age</a></th>
</tr>
<tr ng-repeat="friend in friends | orderBy:predicate:reverse">
<td>{{friend['@name']}}</td>
<td>{{friend['@phone']}}</td>
<td>{{friend['@age']}}</td>
</tr>
</table>
</div>
</body>
</html>