JSFiddle - React, Tailwind, and code Playground

by Michael Bazos

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div ng-app="myApp" ng-controller="DemoCtrl">
   <select>
        <option ng-repeat="options in availableOptions" ng-model="selectValue" ng-value="options.id" ng-selected="selectValue === options.id">{{options.name}}</option>
    </select>
</div>

JavaScript

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

app.controller('DemoCtrl', function ($scope) {

    $scope.selectValue = '2';
    
    $scope.availableOptions = [{
        id: '1',
        name: 'Option A'
    }, {
        id: '2',
        name: 'Option B'
    }, {
        id: '3',
        name: 'Option C'
    }];
});