Angular pass / get class on click event

Question

I have this code:

<i class="fa fa-eye" (click)="passclass($event)"></i>

I know that I can get the id of the element in the $event.

I was wondering is I can get the element's class too?

Can you give more details about the element class ? is it an element of an array ( as *ngFor) ? — Bernard Estephan
– Bernard Estephan, Commented Jul 29, 2021 at 12:11
It's just this ... class="fa fa-eye" pass: "fa fa-eye" so I can add some logic into it...for example: if ($event.theClass === 'fa-eye') { //do something } — Wain2021
– Wain2021, Commented Jul 29, 2021 at 12:16
you can edit the function passClass in order to receive as a param the class name. <i class="fa fa-eye" (click)="passclass($event, 'fa-eye')"></i> — Alan De Renzis
– Alan De Renzis, Commented Jul 29, 2021 at 12:21
I can't pass it like that as this class contents are going to change so I need to get it by code — Wain2021
– Wain2021, Commented Jul 29, 2021 at 12:23

Gobi · Accepted Answer · 2021-07-29 12:52:30Z

3

you can get a class name like below code

  if(event.target?.className === 'fa fa-eye'){
                //do something
            }

answered Jul 29, 2021 at 12:52

Gobi

1393 bronze badges

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

Comments

Klaymant · Accepted Answer · 2021-07-29 13:18:50Z

2

Update : Sorry, the solution I proposed works in Javascript but not properly in Angular

In fact you could instead use template variable like that :

<i #element class="fa fa-eye" (click)="passclass($event, element.classList)"></i>

answered Jul 29, 2021 at 12:34

Klaymant

1786 bronze badges

I'm getting: Property 'classList' does not exist