Angular: Numbers Only Directive

A directive to limit an input field to numbers only.

HTML

<script src="http://code.angularjs.org/angular-1.0.0.js"></script>
<div ng-controller="MyCtrl">
    <input type="text" ng-model="number" required="required" vld-max-length />
</div>

JavaScript

angular.module('myApp', []).directive('vldMaxLength', function () {
    return function (scope, element, attr) {
        element.bind('keydown keypress', function (event) {
            if (event.target.value.length >= 10 && (event.which !== 8 && event.which !== 46)) {
                event.preventDefault();
            }
        });
    };
});

function MyCtrl($scope) {
    $scope.number = ''
}