javascript - 在 Angular2 中获取带有附加事件绑定(bind)的元素

Question

我想获取带有 (click) 的元素事件绑定(bind):

<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