Apply CSS to active router link [Angular 2]

Question

I would like to apply special CSS style properties to active router links:

Answer 1

The new router has a directive called "routerLinkActive" which is what your interested in.

Ex.Bob

"When the url is either '/user' or '/user/bob', the active-link class will be added to the a tag. If the url changes, the class will be removed."