JSFiddle - React, Tailwind, and code Playground

HTML

<div data-ng-app="TestModule">
    <div data-ng-controller="TestController">
         <h3>Test Select</h3>
Current Value: {{ ourData.CurrentSelected}}
        <br>
        <select ng-init="ourData._currVal = {Value: ourData.CurrentSelected}" 
            
        ng-change="ourData.CurrentSelected = ourData._currVal.Value" 
            
        ng-model="ourData._currVal" ng-options="oneItem.Value as oneItem.Disp
        for oneItem in ourData.StuffForDropDown track by oneItem.Value"></select>
        <!-- Get Javascript -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.min.js"></script>
    </div>
</div>

JavaScript

// Code goes here

(function () {
    "use strict";

    var smallData = {
        StuffForDropDown: [{
            Disp: "01-Prospect",
            Value: 5
        }, {
            Disp: "02-Constituet Issue",
            Value: 10
        }],
        CurrentSelected: "10"
    };

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

    myModule.controller("TestController", ["$scope",

    function ($scope) {
        $scope.ourData = smallData;
    }]);

})();