Angular-ui-router: ui-sref-active and nested states

Question

I am using angular-ui-router and nested states in my application, and I also have a navigation bar. The nav bar is hand written, and uses ui-sref-active to high

Answer 1

UI router. Code snippet to make your navigation bar active.

HTML

Courses
 
blog

CSS

is-active{
      background-color: rgb(28,153,218);
}

Inside courseView.HTML

Next

This button is present inside course View which navigate you to next View i.e blog. and makes your navigation bar highlighted.

find similar example, a demo angular ui-router app: https://github.com/vineetsagar7/Angualr-UI-Router