Angular: Select 2nd Example

http://angularjs.org/

by Fabio Biondi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<h1> AngularJS Select Example</h1>

<div ng-controller="TeamCtrl"
     style="background-color: {{selection.color}}; height: 100px">

    <div class="alert"
         ng-show="selection">{{selection.name}} / {{selection.url}}</div>

        <select ng-options="item.name for item in teams"
                ng-change="changeHandler()"
                ng-model="selection">
          <option value="">Select item</option>
        </select>

</div>

JavaScript

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


angular.module('myApp',[]).controller('TeamCtrl', function($scope){

  $scope.teams = [
    {'name': 'Kawasaki',
        'url': 'http://www.kawasaki.com',
        'color': '#57C049'},

    {'name': 'Aprilia',
        'url': 'http://www.aprilia.it',
        'color': '#ffcc00'},

    {'name': 'Ducati',
        'url': 'http://www.ducati.it',
        'color': '#FF0000'}
  ];


  $scope.changeHandler = function () {
    console.log ('change handler: ', $scope.selection);
  };

});