在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 ，后者標識發生事件的元素。

柱塞示例

Answer 2

希望對您有所幫助。

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