JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.11.0/ramda.min.js"></script>
<div ng-app="myApp" ng-controller="DemoCtrl">
    <select name="SelectedMeetingPlaceId" ng-model="FormData.SelectedMeetingPlaceId" ng-options="place.Value as place.Text for place in MeetingPlacesList"></select>
    <select required style="padding-left: 5px !important;" class="form-control" name="sub_user_type" ng-model="user.sub_user_type" >
                                            <option value="" selected>User type *</option>
                                            <option value="1">School Leader</option>
                                            <option value="2">Centre Manager</option>
                                        </select>

</div>

JavaScript

var app = angular.module('myApp', []);

app.controller('DemoCtrl', function ($scope) {

    var model = {
        "MeetingPlacesList": [{
            "Disabled": false,
            "Group": null,
            "Selected": false,
            "Text": "Place 991",
            "Value": "991"
        }, {
            "Disabled": false,
            "Group": null,
            "Selected": false,
            "Text": "Place 993",
            "Value": "993"
        }, {
            "Disabled": false,
            "Group": null,
            "Selected": false,
            "Text": "Place 995",
            "Value": "995"
        }]
    };
    $scope.user = {};
    $scope.user.sub_user_type = 2;

    $scope.MeetingPlacesList = model.MeetingPlacesList;

    $scope.FormData = {};
    $scope.FormData.SelectedMeetingPlaceId = "995";
});