Get Element mit angebautem Ereignisbindung in Angular2

Question

Ich mag verbindlich das Element mit dem (click) Ereignisse bekommen:

<th class="ui-state-default ui-unselectable-text ui-sortable-column" (click)="reorderComponents($event)"> 
    <span class="ui-column-title">Component Name</span> 
    <span class="ui-sortable-column-icon fa fa-fw fa-sort {{compSortIcon}}"></span> 
</th> 

Wie Sie sehen können, ist es das <th> Element. Doch nach einem Klick und das Ereignisobjekt anmelden, es zeigt dies:

ich das <th> Element erhalten mag, aber leider konnte ich nicht eine Lösung noch nicht gefunden.

Answer 1

Ich hoffe, das hilft Ihnen.

reorderComponents(event){ 
    console.log(event.toElement.nodeName) 
} 

Answer 2

Verwenden event.currentTarget

reorderComponents(event) { 
    console.log(event.currentTarget); 
} 

es immer zu dem Element bezeichnet, die der Ereignishandler angebracht worden ist, wie es zu event.target gegenüber, die das Element identifiziert, auf dem das Ereignis aufgetreten ist.

Plunker Example