JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.6/angular.min.js"></script>
<body ng-app="app" ng-controller="ctrl">
    {{msg}}
</body>

JavaScript

angular.module("app", [])

.factory('f1', function($filter) { 
	
	var f1 = {};
    
	function comparator(a,b) { console.log(a,b); return a.id-b.id; }
	function getter(x) { console.log(x); return x; }
		
	f1.testOrderBy = function() {
		return $filter('orderBy')(
			[ {id:3}, {id:1}, {id:2} ], 
			getter, 
			false, 
			comparator
		)
		.map(function(x) { return x.id; })
	};
		
	return f1;
})

.controller("ctrl", function($scope, f1) {
    $scope.msg = f1.testOrderBy();
})