JSFiddle - React, Tailwind, and code Playground

by Aaron Zhang

HTML

<div ng-app="myApp">
    <div ng-controller="myController">
        <select ng-model="myModel" ng-options="i.label for i in myoptions">
            <option value="">=== Please Select ===</option>
        </select> <pre>myModel = {{ myModel }}</pre>
        <pre>myModel.value = {{ myModel.value }}</pre>
        
    </div>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myController', function ($scope) {
    $scope.myoptions = [{
        label: 'one',
        value: '1',
        alphabet: 'a'
    }, {
        label: 'two',
        value: '2',
        alphabet: 'b'
    }, {
        label: 'three',
        value: '3',
        alphabet: 'c'
    }];
    $scope.myModel = $scope.myoptions[1];
});