angular.bootstrap

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script>
<div > 
    <div  ng-controller="ListLogsCtrl"> 
   
        <span>Page Size:</span> 
        <span> 
        
           <select ng-model="SelectedPageSize"
           ng-options="y.label  for (x,y) in
           pageSizeOptions | getOrdered" > 
           </select> 
        </span> 
    </div>   
</div>

JavaScript

angular.module('filters',[]).filter('getOrdered', function() {
    return function(input) {
        var ordered = {};
      
input.sort(function(a, b){
    var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase()
    if (nameA < nameB) //sort string ascending
        return -1 
    if (nameA > nameB)
        return 1
    return 0 //default return value (no sorting)
}) ; 
    
        //for (var key in input){
         
        //ordered[input[key]["label"]] = input[key];
        //if (angular.isNumber(input[key])){
       // ordered[input[key]["label"]]= input[key];
       // }
       // else
       // {
       // stringarr[input[key]["label"]]= input[key];
       // }
       // }  
       // stringarr.sort();
       // for (var i in stringarr)
       // {
       // ordered[stringarr[i]["label"]]= stringarr[i];
       // }
       // return ordered;
       return input; 
   };
    });

  angular.module('app',['filters'])
   .controller('ListLogsCtrl',function($scope,$http) { 
    
   
    $scope.pageSizeOptions= [{label:"divya", check: 10}, {label:"gnana", check: 20}, {label:"310", check: 30}, {label:"acc", check: 50}, {label:"210", check: 100}];

 $scope.SelectedPageSize = 10;    
 
});


angular.bootstrap(document, ['app']);