Sample drop-down binding

Providing a drop-down of keys and values without a directive.

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.angularjs.org/1.0.6/angular.min.js"></script>
<div ng-app='demo' ng-controller='MyCtrl'>
    <p>You've just selected {{group}}.</p>
    <form>        
        <select ng-model="group" 
            ng-options="o.value as o.label for o in myGroups"
            ng-change="tellUs()"/>       
    </form>    
</div>

CSS

.

JavaScript

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

function MyCtrl ($scope) {
    $scope.myGroups = [
        {label:'Admin', value:1},
        {label:'Users', value:2},
        {label:'Public', value:3}
    ];
    
    $scope.tellUs = function() {
        // terrible, programmer. terrible...
        console.log("the selected group is - " + $scope.val);
    };
}