bind reguläre benutzerdefinierte js-Ereignis zu eckigen Controller-Funktion

Question

Ich versuche, Winkelfunktion zu regulären js Ereignis (logedIn Ereignis) mit Winkel Direktive wie beschrieben here.

Die Richtlinie Code lautet:

evApp.directive('onlogin', function() { 
return { 
    restrict: 'A', 
    transclude: true, 
    scope: { 
     'onlogin': '&' 
    }, 
    link:function (scope, element, attr) { 
     //Code to detect when element is pulled goes here 
     document.addEventListener("logedIn", function (e) { 
      scope.$eval(attr.onlogin); 
     }); 
    } 
} 
}); 

Der HTML-Tag ist:

<div onlogin="loggedIn()"></div> 

Sein gearbeitet, aber ich habe nicht einen Weg vorbei an der Parameter 'e' gefunden, die mit dem Ereignis angekommen in der Link-Funktion. Ich habe versucht, vom html nur den Funktionshandler zu übergeben und die Funktion mit den Parametern aus der Linkfunktion aufzurufen, aber es hat nicht funktioniert. soetwas wie:

<div onlogin="loggedIn"></div> 

Danke, Amichai

Answer 1

Der Aufruf der Funktion onlogin Bedarf innerhalb anonyme Funktion sein, um Parameter hinzuzufügen, aber die Funktion müssen außerhalb der anonymen Funktion gespeichert werden, sonst wird es nicht ausgelöst.

Answer 2

Sie sollten Umfang plus $ gelten Winkel jetzt lassen, dass es Zyklus zu verdauen schießen muss und dann scope.onlogin einfach anrufen ({e: e}.) Im Grunde können Sie es im Handler verwenden, wie Sie $ event verwenden würden.

evApp.directive('onlogin', function() { 
return { 
    restrict: 'A', 
    transclude: true, 
    scope: { 
     'onlogin': '&' 
    }, 
    link:function (scope, element, attr) { 
     //Code to detect when element is pulled goes here 
     document.addEventListener("logedIn", function (e) { 
      scope.$apply(function() { 
      scope.onlogin({e: e}) 
      }); 
     }); 
    } 
} 
});