AngularJS Select Options

Using Object to populate and array to select.

by Ammi Reddy Kovvuri

HTML

<div ng-app="main">
  <div ng-controller="MainCtrl">
    <select name="colors" id="colors" ng-model="selectedColor" ng-options="option.name as option.name for option in colors">
      <option value="">--select--</option>
    </select>
    <input type="checkbox" ng-model="ammi" ng-click="getAmmi()">
  </div>
</div>

JavaScript

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

app.controller('MainCtrl', ['$scope', function($scope) {
  $scope.colors = [{
    name: 'Red',
    valueCode: 1
  }, {
    name: 'Yellow',
    valueCode: 2
  }, {
    name: 'Orange',
    valueCode: 3
  }];
  $scope.selectedColor = "Red";
  	$scope.getAmmi = function() {debugger; console.log($scope.ammi);}

}]);