JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://www.ascotproject.com/vendor/javascripts/jquery.hammer.js"></script>
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/bootstrap.css">
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-slider/css/slider.css">
<script src="http://www.eyecon.ro/bootstrap-slider/js/bootstrap-slider.js"></script>
<div ng-app="myApp" ng-controller="SimpleController">
    <select ng-model="countryToShip" ng-options="country.name for country in countries | orderBy:'name' | hardcodeFirst:'name':'Austria'"></select>
</div>

JavaScript

angular.
    module('myApp', []).
    filter('hardcodeFirst', function() {
        return function(arr, field, val) {
            var first = null;
            for (var i = 0; i < arr.length; ++i) {
                if (arr[i][field] == val) {
                    first = i;
                    break;
                }
            }
            
            if (!first) {
                return arr;
            }
            
            var firstEl = arr[first];
            arr.splice(first, 1);
            arr.unshift(firstEl);
            
            return arr;
        }
    });

function SimpleController($scope) {
    $scope.countries = [{ name : 'Australia' }, {name : 'Germany'}, {name : 'United States'}, {name : 'Austria'}];
}