Angular: select list

http://angularjs.org/

HTML

<h1>ng-select (<a href='http://www.whatibroke.com/?p=889'>www.whatibroke.com</a>)</h1>

<div ng-controller="MyCtrl" style="margin-top:40px;">
    <p>
        Status: <br />
        <select name="Status" ng-model="lesson.Status" required ng-options="status.value as status.display for status in status_options"></select>   
    </p>
    
    <p>
        {{lesson.Status}}
        {{lesson}}
    </p>
</div>

JavaScript

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

function MyCtrl($scope) {
    $scope.status_options = [
            { display: 'Enabled', value: 'enabled' },
            { display: 'Disabled', value: 'disabled' },
            { display: 'Deleted', value: 'deleted' }
        ];
    
    $scope.lesson = {
        BusinessId: 0,
        Description: null,
        Duration: 0,
        Price: 0,
        ProductId: 0,
        Quantity: 0,
        Start: "/Date(-62135596800000)/",
        Status: 'enabled', //Change to null in order to remove default
        Title: null,
        Type: null
    };
}