<!DOCTYPE html>
<html>
<head>
<title>Wikitechy AngularJS Tutorials</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/
angularjs/1.4.8/angular.min.js">
</script>
<body>
<div ng-app="myApp" ng-controller="orderCtrl">
<h1>Wikitechy orderBy filter in AngularJS</h1>
<ul>
<h3>Technology list in ascending order</h3>
<li ng-repeat="x in technology | orderBy : 'tut'">
{{x.tut}}
</li>
<h3>Technology list in descending order</h3>
<li ng-repeat="x in technology | orderBy : '-tut' ">
{{x.tut}}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('orderCtrl', function($scope) {
$scope.technology = [
{"tut":"HTML"},
{"tut":"AngularJS"},
{"tut":"CSS"},
{"tut":"C"},
{"tut":"JAVA"},
{"tut":"PHP"},
];
});
</script>
</body>
</html>
