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="(key, value) in testData | orderBy:'value.order'">
			{{value.order}}. {{key}} -> {{value.name}}
     	</li>
    </ul>
    </div>
</div>

JavaScript

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

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