JSFiddle - React, Tailwind, and code Playground

by infnadanada

HTML

<div ng-app="myApp">
  <div ng-controller="MainCtrl">
      <div ng-repeat="line in dataObject|objectIdFilter:orderByArray">{{line.username}}</div>
  </div>
</div>

JavaScript

angular
    .module('myApp', [])

.controller('MainCtrl', ['$scope', function($scope) {
    
  $scope.dataObject = {
  	1: {username:'user1'},
    10: {username:'user10'},
    20: {username:'user20'},
    500: {username:'user500'}
  };
    
  $scope.orderByArray = [20,10,1,500];

}])

.filter('objectIdFilter', [function() {
    return function(inputObjet, orderArray) {
        var result = [];
        angular.forEach(orderArray, function(value) {
          result.push(inputObjet[value]);
        });
        console.log(result);
        return result;
    }
}])