JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/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="" selected ng-if="vm.selected === null">-- 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: 2,
    label: 'Demo 2'
  }, {
    value: 3,
    label: 'Demo 3'
  }];
  vm.selected = null;

})