javascript - 在 Angular 中，如何 $eval() 一个函数并将元素传递给父函数？

Question

问题:如何正确地将 ParentCtrl 内的 var trapfocus() 从适当的元素获取到 console.log(el) ？

HTML

  <div ng-controller="ParentCtrl">
     <div ng-repeat="tab in tabs" modaltab="trapfocus($event)"></div>   
  </div>

JS:

  .directive('modaltab', function() {
        return function(scope, element, attrs) {
            element.bind("keydown keypress", function(event) {
                if(event.which === 9) {
                    scope.$apply(function(){
                        scope.$eval(attrs.modaltab, {'event': event});
                    });
            });
        };
    })

父Ctrl

.controller('ParentCtrl', function(){ 
   var trapfocus = function(evt, el){console.log(el)};
   $scope.tabs = [1,2,3,4];

 });

Answer 1

无需$eval。在指令范围内声明此属性:

scope: {
   modaltab: "&"
}

然后，从链接函数中像这样调用它:

modaltab({'$event': event});