Untitled

<!DOCTYPE html>
<html ng-app="app">

<head>
  <link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js"></script>
  <script src="script.js"></script>
</head>

<body>
  <div ng-controller="MyCtrl">

    
      <label class="control-label">Year</label>
      <select name="startYear" ng-model="dates.startYear" id="startYear" ng-click="getCurrentYear()"
              ng-options="year.value as year.value disable when year.disabled for year in years"
              required>
          <option value="" disabled >Choose one</option>
      </select>
    {{data}}
  </div>
</body>

</html>

// Code goes here

        var app = angular.module('app', []);
        
        app.controller('MyCtrl', function($scope) {
        $scope.dates = {};
        $scope.years = [{value: 'Year', disabled: true}];
        for(var i = 1990; i <= 2040; i++){
            $scope.years.push({value: i});
            
        }
        
        $scope.getCurrentYear = function() {
          var d = new Date();
          var n = d.getFullYear();
          
          $scope.dates.startYear = n;
          console.log(n);
        };
        
        });

/* Styles go here */