title: Angular UI Router: How do I get parent view to be "active" when navigating to nested view?
body: <p>I'm working on a project that has implemented the UI router and it's using <code>ui-sref-active="active"</code> to add the active class to the navigation menu item when that item is the current route. However, when you navigate to a nested view within that view, the parent menu item is no longer active. See the following Plunker:</p>
  
  <p><a href="http://plnkr.co/edit/2CoEdS?p=preview" rel="noreferrer">http://plnkr.co/edit/2CoEdS?p=preview</a></p>
  
  <p>By default (or if you click on it) Route 1 is "active". When you click on "Show List," you will see that Route 1 is no longer active.</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>The only difference between this example and my actual project is that the navigation menu in my actual project has its own controller and so does not use the same scope as the controller for "route1".</p>