Rotate icon when name equals to something


#1

Hi in my app, i have list of records, with each list item there is a icon to inform if that record is entry or exit. I want to use log-in and log-out icons. But when the log-out icon is chosen, i want it to rotate it, so it is more obvious. Is there any way to bind some class to icon tag when the name attribute equals to log-out?


#2

Hello,

maybe css3 rotate will help you.

https://www.w3schools.com/cssref/css3_pr_transform.asp

To make this dynamic you can bind it via ngstyle to a property. To see how this works look here.

Best regards, anna-liebt.