JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="app">
<div ng-controller="myController">
<form>
Name:<input type="text" ng-model="item.objectName" required /><br />
Version:<select ng-model="item.versionID" ng-selected="0" ng-options="version.id as version.name for version in versions" required></select>
</form>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("app", ["controllers"])
var controllers = angular.module("controllers",[]);
controllers.controller('myController', function($scope){
$scope.item = {
"objectID": "76",
"versionID": "0",
"versionName": "CURRENT",
"objectName": "xyz",
};
$scope.versions = [{
"id": "0",
"description": "CURRENT",
"name": "CURRENT"
},
{
"id": "114",
"description": "description of Version 2",
"name": "version2"
},
{
"id": "126",
"description": "description of Version 3",
"name": "version3"
},
{
"id": "149",
"description": "description of Version 4",
"name": "version4"
}] ;
});
</script>