如何将$ event从custom指令传递给函数？

Question

这是我用来检测输入密钥的一些指令

.directive('enterSubmit', function() {
  return {
    restrict: 'A',
    link: function(scope, elem, attrs) {
      elem.bind('keydown', function(event) {
        var code = event.keyCode || event.which;
        if (code === 13) {
          if (!event.shiftKey) {
            event.preventDefault();
            scope.$apply(attrs.enterSubmit);
          }
        }
      });
    }
  }
})

我有function我希望$event作为参数。

$scope.test = function(evt){
   var el = angular.element(evt.target);
   console.log(el[0]);
}

但是当我在内置指令中使用$ event时

<textarea enter-submit="test($event)"></textarea>

它说evt is undefined所以怎么做？

Answer 1

将你的if改为：

if (!event.shiftKey) {
    event.preventDefault();
    var enterSubmitFunction = $parse(attrs['enterSubmit']);                                 
    enterSubmitFunction(scope, { $event: event });
    scope.$apply();
}

您现在需要注入$parse，我不确定您是否需要scope.$parent或enterSubmitFunction使用scope 。试试两个。