DEV Community

KristijanFištrek
KristijanFištrek

Posted on

Angular (click) - multiple functions?

Scenario
-> on click of a button you need to check data from two functions with (click) attribute.

Do you :
A) create a third function which encapsulates the two & pass that in the (click).
Example : (click)="thirdFunction()"
B) you pass both of them.
Example :
(click)="first(); second();"

What seems to be the best practice for you?

Discussion (3)

Collapse
wescopeland profile image
Wes Copeland

I would go with Option A, call it on[Whatever]Click(). That way there is a single click handler for the output and you're less likely to have unintended side-effects.

Collapse
kristijanfistrek profile image
KristijanFištrek Author

Sounds nice!

Collapse
dhanush9952 profile image
Dhanush

option A will not work all the time