获取Angular2中附加事件绑定的元素

Question

我希望获得带有(click)事件绑定的元素：

<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>

如您所见，它是<th>元素。但是，在单击并记录事件对象后，它会显示以下内容：

我想获得<th>元素，但遗憾的是我还没有找到解决方案。

Answer 1

使用event.currentTarget

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

它总是引用事件处理程序附加到的元素，而不是event.target，它标识事件发生的元素。

<强> Plunker Example

Answer 2

我希望这对你有所帮助。

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