uzyskaj oryginalny element z ng-kliknięcia

Mam listę elementów w moim widoku z ng-clickdołączonymi do nich:

<ul id="team-filters">
    <li ng-click="foo($event, team)" ng-repeat="team in teams">
         <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}">
    </li>
</ul>

Obsługuję zdarzenia kliknięcia w foofunkcji w mojej dyrektywie, przekazując $eventjako odwołanie do obiektu, który został kliknięty, ale otrzymuję odwołanie do imgtagu, a nie litagu. Następnie muszę zrobić takie rzeczy, aby uzyskać li:

$scope.foo = function($event, team) {
   var el = (function(){
       if ($event.target.nodeName === 'IMG') {
          return angular.element($event.target).parent(); // get li
       } else {
          return angular.element($event.target);          // is li
       }
   })();

Czy istnieje prosty sposób uzyskania odniesienia do elementu, który ng-clickjest związany, bez wykonywania operacji DOM w mojej dyrektywie?

Potrzebujesz $event.currentTargetzamiast $event.target.

Nie bezpośrednia odpowiedź na to pytanie, ale raczej na „kwestię” $event.currentTargetnajwyraźniej zerową.

Wynika to z faktu, że console.log pokazuje głęboko zmienne obiekty w ostatnim stanie wykonania, a nie w stanie, w którym wywołano console.log.

Możesz to sprawdzić, aby uzyskać więcej informacji: Kolejne połączenia z plikiem console.log dają niespójne wyniki