AngularJS example 4

HTML

<body ng-app>
    <div ng-controller="BasicController">
        
        <select style="padding:3px 1px; width:100%;" data-ng-model="course" data-ng-options="course.Title for course in courses" data-ng-change="changeState(course)">
    <option value="">-- Select a Course --</option>
</select>
        
    </div>
</body>

JavaScript

function BasicController($scope) {

    $scope.changeState = function(course) {
        console.log(course.Title);
        // todo: transition!
    }
    
    $scope.courses = [{
        Title: 'maths'
    }, {
        Title: 'science'
    }];

}