JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="wat" ng-controller="mainController">
    <div ng-controller="someController">
<select ng-model="serverModel" name="serverList" id="serverList" ng-options="server.name for server in serverList track by server.serverId">
            </select>    
    </div>
    <button ng-click="changeOption()">Change Option</button>
</div>

JavaScript

angular.module('wat', [])
    .controller('mainController', function($scope, $timeout) {
        $scope.serverList = [{ "name": "One", "serverId": "111"}, {"name": "Two", "serverId": "222"}]
        $scope.serverModel = { "name": "One", "serverId": "111"};
        
        $scope.changeOption = function() {
            $scope.serverModel = { "name": "Two", "serverId": "222"};
        }
    })
.controller('someController', function() {
    
})