javascript - angular.js 按键指令事件神秘地没有触发

Question

我按照这个示例提交表单，使用 AngularJS 按下 Enter

但我无法让它工作。这完全令人费解。为什么按键事件没有被我的指令捕获？

http://plnkr.co/edit/A9oio2F61yHssE49aiCb?p=preview

app.directive('enterKey', function($log) {
    return function(scope, element, attrs) {
        element.bind("keydown keypress", function(event) {
            if(event.which === 13) {

                scope.$apply(function(){
                    scope.$eval(attrs.ngEnter, {'event': event});
                });
                event.preventDefault();
            }
        });
    };
});

Answer 1

您的指令中存在复制粘贴错误，attrs.ngEnter应该是attrs.enterKey您更改了指令名称。

scope.$apply(function(){
    scope.$eval(attrs.enterKey, {'event': event});
});

此外，您需要event在方法中添加参数alertMe以接受事件

$scope.alertMe = function(event) {
    alert('I am alerted!');
}