AngularJS Example

by mridulpv

HTML

<div ng-app="">
  <div ng-controller="Ctrl">
    <select ng-model="month" ng-options="month.month as month.name for month in months">
        <option>--Select--</option>
    </select>
      {{ month }}
  </div>
    
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<style>
​.ng-invalid { border: 1px solid red; }​

JavaScript

function Ctrl($scope) {
  $scope.months = [
      {name:"January",month:"1"},
      {name:"February",month:"2"},
      {name:"March",month:"3"},
      {name:"April",month:"4"},
      {name:"May",month:"5"},
      {name:"June",month:"6"},
      {name:"July",month:"7"},
      {name:"August",month:"8"},
      {name:"September",month:"9"},
      {name:"October",month:"10"},
      {name:"November",month:"11"},
      {name:"December",month:"12"}
    ];
    $scope.month = '3';
}