Setting Active links with UI-Router

I know with ng-route, it was possible to set an active link based on the url but I’m not sure how this would work since the change to UI-Router.

So if I was on a page about “Cats” and I had a slide out menu, how would I highlight the Cats Item to show it was active.

Heres a plunker

Did you ever come up with a solution for this?

Ui-router has an active link tracker built into to it. For any links, I just add ui-active="activeClassName"

Then in my css

   /*Some style to reflect an active link*/

1 Like

it is ui-sref-active="ClassName"

1 Like

Yup that’s it, I was typing it from memory, ha! A little off

ui-sref-active work fine in web view but it doesn’t work in mobile!!!