Extending built-in directives

HTML

<script src="http://code.angularjs.org/1.1.1/angular.min.js"></script>
<div ng-app='myApp'>
    <div ng-controller="controller">
    <ul>
        <li ng-repeat="data in testData | orderBy:'order'">
			{{data.order}}. {{data.name}}
     	</li>
    </ul>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

myApp.controller('controller', ['$scope', function ($scope) {

    $scope.testData = {
        A: {name:"CData", order: 1},
        B: { name:"AData", order: 3},
        C: {name:"BData", order: 2}
    };
}]);