Angular2获取触发事件的元素

Question

这是我的代码：

<div id="foo" (click)="$event.target.classList.toggle('selected')">
   <div>...</div>
   <div>...</div>
   <div>...</div>
</div>

我想在div#foo切换“已选中”类，因此$event.target不正确，因为单击其中一个内部div会返回该div而不是div#foo。知道如何在点击其中一个元素时始终定位div#foo吗？

Answer 1

使用currentTarget代替target

<div id="foo" (click)="$event.currentTarget.classList.toggle('selected')">
   <div>...</div>
   <div>...</div>
   <div>...</div>
</div>