JSFiddle - React, Tailwind, and code Playground

by nsjithin

HTML

<div ng-app="example">
    <div ng-controller="numbersController">
        <select name='numbers'
            ng-model="number"
            ng-options="number.key as number.label for number in numbers | naturalSortedObject "
        >
        </select>
    </div>
</div>

JavaScript

var module = angular.module("example", []);

module.controller("numbersController", function ($scope) {
    $scope.numbers = {
        0 : 'Zero',
        1 : 'One',
        2 : 'Two',
        3 : 'Three',
        10 : 'Ten',
    }

    
    $scope.number = '1';
    
    $scope.orderByKeyString = function(key, value){
        return key.toString();
    }
    
});

module.filter("naturalSortedObject", function() {
    return function(obj) {
        var result = [];
        angular.forEach(obj, function(value, key) {
            result.push({
                key: key,
                label: value
            });
        });
        result.sort();
        console.log(result);
        return result;
    }
});