JSFiddle - React, Tailwind, and code Playground

by Michael Bazos

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div ng-app="myApp" ng-controller="DemoController">
    <select ng-model="selected.id">
        <option value="">Select year</option>
        <option value="{{item.id}}" ng-repeat="item in items">{{item.Year}}</option>
    </select>
</div>

CSS

div[ng-app] {
    margin: 20px;
}

JavaScript

angular.module('myApp', []);

angular.module('myApp').controller('DemoController', function ($scope) {
    $scope.items = [{
        id: '5',
        Year: '2010'
    }, {
        id: '6',
        Year: '2010'
    }, {
        id: '7',
        Year: '2013'
    }];
    
    $scope.selected = {
        id: '5'
    };
});