JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.angularjs.org/1.1.4/angular.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<div ng-app="myapp">
    <fieldset ng-controller="myCtrl">
        <select 
            ng-options="mode.Id as mode.Title for mode in items"
            ng-model="selectedItem"></select>
        {{ selectedItem }}
    </fieldset>
</div>

JavaScript

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

myapp.controller('myCtrl', function ($scope) {
    var o = [{"Id":1,"Title":"Cash","Created":"2018-09-03T19:19:36.73","Modified":"2018-09-03T19:19:36.73"},{"Id":2,"Title":"Credit Card","Created":"2018-09-03T19:20:40.927","Modified":"2018-09-03T19:20:40.927"},{"Id":3,"Title":"Debit Card","Created":"2018-09-03T19:20:56.793","Modified":"2018-09-03T19:20:56.793"},{"Id":4,"Title":"Voucher","Created":"2018-09-03T19:21:15.547","Modified":"2018-09-03T19:21:15.547"},{"Id":5,"Title":"Others","Created":"2018-09-04T21:02:33.713","Modified":"2018-09-15T17:07:18.747"}];
   
    $scope.items = o;
});