ngEnter directive if you can use submit form(https://twitter.com/ririlepanda)

ngEnter.js

app.directive('ngEnter', function() {
        return function(scope, element, attrs) {
            element.bind("keydown keypress", function(event) {
                if(event.which === 13) {
                        scope.$apply(function(){
                                scope.$eval(attrs.ngEnter);
                        });
                        
                        event.preventDefault();
                }
            });
        };
});

You don't need to use eval if you bind the function passed. It also makes the scope isolate, so the directive doesn't depend on a parent controller.

app.directive('onEnter', function() {
    return {
        restrict: "A",
        scope: {
            action: "&onEnter"
        },
        link: function(scope, element, attrs) {
            element.on("keydown keypress", function(event) {
                if(event.which === 13) {
                    scope.$apply(scope.action);
                    event.preventDefault();
                }
            });
        }
    };
});

No was is asking the question if element.on("keydown keypress", fun) should be unbind? when destroying the element?

@jose-marin thanks for the snippet!

attrs is no needed.

  link: function(scope, element, attrs) {

@jbaroudi thanks for typescript users

@jose-marin - nicely done. Thanks