Bug: Unable to change icon color on click

[michalgrzegorczyk-dev]

Bug description

Hello,

I have Angular application with fontawesome icons (my own kit). It's impossiblet to change color after icons was rendered. My boolean variables works well here.

Sample code:

 <div (click)="toggleProjectsLayout(ProjectLayoutMode.SMALL)">
                <i class="fak fa-o-layout-grid fa-2xl"
                   [class.active]="layoutSelected ===  ProjectLayoutMode.SMALL">
</i>
</div>

Font Awesome version

v.6

Application and Operating System

• Angular
• HTML

Web bug report checklist

• [ ] I have included a test case because my odds go way up that the team can fix this when I do
• [X] I have searched for existing issues and to the best of my knowledge this is not a duplicate

[Vedant-Manjrekar]

Fixes #19232

- <div (click)="toggleProjectsLayout(ProjectLayoutMode.SMALL)"> 
+ <div (onclick)="toggleProjectsLayout(ProjectLayoutMode.SMALL)"> 

It should be (onclick) instead of (click), syntax error from your side.

[dhairya-eng]

change the click button to onclick