Angular directive to clear a form input with the ESC key

clear-with-esc.html

<input type="text" ng-model="searchQuery" clear-with-esc>

clear-with-esc.js

// Clear a form input with the ESC key
app.directive('clearWithEsc', function() {
    return {
        restrict: 'A',
        require: '?ngModel',
        link: function(scope, element, attrs, controller) {
            element.on('keydown', function(ev) {
                if (ev.keyCode != 27) return;

                scope.$apply(function() {
                    controller.$setViewValue("");
                    controller.$render();
                });
            });
        },
    };
});

$rollbackViewValue() should work better than $setViewValue as it reverts to the original value.