Angular directive for preventing user input on a text input box, while allowing them to clear the field with delete.

noInput.js

myApp.directive('no-input', function() {
  return {
    restrict: 'A',
    replace: false,
    link: function(scope, el) {
      el.on('keydown', function(e){   
        if(e.keyCode === 8){
          el.val('');
          el.trigger('change');
        } else {
          e.stopPropagation();
          e.preventDefault();
        }
      });
    } 
  };
});