Angular: Empty Fiddle

http://angularjs.org/

HTML

<div ng-controller="MyCtrl" class="row">
    <h2 ng-bind="someobj.numChanges"></h2>
    <select ng-model='form' required ng-options='option.value as option.name for option in typeOptions' ng-change="onSelectChange()"></select>
    
    <div style="border:1px solid black; width: 100px; height:20px;">{{scopeMessage}}<div>
</div>

JavaScript

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


function MyCtrl($scope) {
    $scope.typeOptions = [
    { name: 'Feature', value: 'feature' }, 
    { name: 'Bug', value: 'bug' }, 
    { name: 'Enhancement', value: 'enhancement' }
    ];
    
    $scope.scopeMessage = "default text";
    var changeCount = 0;
    
    $scope.onSelectChange = function()
    {
       changeCount++;
       $scope.scopeMessage = "Change detected: " + changeCount;
    };
    
    //$scope.form = {type : $scope.typeOptions[0].value};
    $scope.form = $scope.typeOptions[0].value;
}