JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="sortModule" class="nav">
<div ng-controller="MainController">


    <button ng-click="sort()">Sort  
    </button>
    <div></div>
    <div >        
        <ul>
            <li ng-repeat="lang in languages | orderBy: 'key'">
                <img ng-src='{{lang.image}}'/><span>{{lang.name}}</span>
            </li>
        </ul>
    </div>
    </div>
</div>

JavaScript

var app = angular.module('sortModule', [])
app.controller('MainController', function($scope,$filter){    
    $scope.languages = [ 
    		{ name: 'English', image: '/images/english.png',key:2 },
   			{ name: 'Hindi', image: '/images/hindi.png',key:3 },
        { name: 'English', image: '/images/english.png',key:2},
        { name: 'Telugu', image: '/images/telugu.png',key:1 }];        
    
    var newLanguages = []
    newLanguages = angular.copy($scope.languages);  
    function sortImages() { 
    		$scope.languages = []
        $scope.keys = []        
    		for(language in newLanguages) {
        		$scope.keys.push(newLanguages[language])
        }
        $scope.keys = $filter('orderBy')($scope.keys, 'key', false)
        console.log(JSON.stringify($scope.keys))
    }
    sortImages();
});