Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
<li ng-repeat="data in years | orderObjectBy">{{data.year}} {{data.countingAgent}} {{data.turns}} {{data.cards}} {{data.score}}</li>
</div>
JavaScript
var myApp = angular.module('myApp', []);
function MyCtrl($scope) {
$scope.years = {
"AA": {
countingAgent: false,
turns: 4,
cards: 3,
score: 4
},
"CC": {
countingAgent: false,
turns: 3,
cards: 4,
score: 3
},
"BB": {
countingAgent: false,
turns: 5,
cards: 2,
score: 6
}
};
}
myApp.filter('orderObjectBy', function () {
return function(items) {
var filtered = [];
angular.forEach(items, function(item) {
filtered.push(item);
});
filtered.sort(function (a, b) {
return (a[field] > b[field] ? 1 : -1);
});
return filtered;
};
});