title: ui-router active class for parent menu when submenu selected
body: <p>I am a newbie to ui-router , i would like to get a menu like below (its not a collapse thing, please see the <a href="http://plnkr.co/edit/1kpmUiacrb3Aoo4E19O1?p=preview" rel="nofollow">plnkr</a> )</p>
  
  <ol>
  <li><p>menu1</p>
  
  <p>a) submenu1</p>
  
  <p>b) submenu2</p>
  
  <p>c) submenu3</p></li>
  <li><p>menu2</p></li>
  <li>menu3</li>
  </ol>
  
  <p>I managed to get the menus and submenus using the ui-router but not sure about  the proper way to use the ui-router and used <code>ui-sref-active="active"</code> active the menu , the problem am facing is when I click on the submenu i would like to get the active to parent also.. ie if I click <code>submenu1</code> , <code>submenu2</code> or <code>submneu3</code> i want to active its parent <code>menu1</code>.</p>
  
  <p>here is the plunker : <a href="http://plnkr.co/edit/1kpmUiacrb3Aoo4E19O1?p=preview" rel="nofollow">http://plnkr.co/edit/1kpmUiacrb3Aoo4E19O1?p=preview</a></p>