Angular2 Get element where an event is fired from

Question

Here is my code :

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

I would like to toggle the class 'selected' on the div#foo thus $event.target isn't correct since clicking one of the inside divs will return that div and not div#foo. Any idea how to always target div#foo when clicking on one of the element inside ?

El houcine bougarfaoui · Accepted Answer · 2017-03-24 13:57:57Z

1

use the currentTarget instead of target

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

edited Mar 24, 2017 at 13:57

answered Mar 24, 2017 at 13:52

El houcine bougarfaoui

37.6k10 gold badges40 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular2 Get element where an event is fired from

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related