Angular - Apply style to element depending on sibling RouterLinkActive?

Question

I do not have only one menu bar on my app that I need to be painted when the user navigates, I have another components too that needs to be painted as well. Can I achieve this j

Answer 1

You could bind the state of the routerLinkActive directive to whether or not a class is applied to an element as follows:

.active-span {
 background-color: red;
}

#rla is a template variable You can find more info about this use case of the RouterLinkActive directive in the docs