JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="myCtrl as vm">
    <select ng-options="item as item.label for item in vm.demoOptions track by item.value" ng-model="vm.selected" ng-change="vm.setSelected()">
      <option value="">-- select --</option>
    </select>
    <p ng-if="vm.selected !== null">Selected item: <code>{{vm.selected}}</code></p>
    <p ng-if="vm.selected === null">No item is selected.</p>
    <pre>vm.demoOptions == {{vm.demoOptions|json}}</pre>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {
  var vm = this;

  vm.demoOptions = [{
    value: 1,
    label: 'Demo 1'
  }, {
    value: 1,
    label: 'Demo 2'
  }, {
    value: 3,
    label: 'Demo 3'
  }];
  vm.selected = null;

})