title: Nested states or views for layout with leftbar in ui-router?
body: <p>I have the following layout:</p>
  
  <p><img src="https://i.stack.imgur.com/LRgmc.png" alt="enter image description here"></p>
  
  <p>Sidebar and Headerbar will always be present though their content is context-specific.</p>
  
  <p>I think there are two options here: nested states (sidenav > Headerbar > Content) or with views (if I understand that correctly). I'm still struggling to get my head wrapped around ui-router regardless of how many videos and articles I've read.</p>
  
  <p>Clicking on Sidenav would load a state (or view) into Content and Headerbar would adjust its content based on whatever is loaded into Content.</p>
  
  <p>My sense is that nested states seem like the simplest direct approach, particularly when thinking about inheritance.</p>
  
  <p>Looking at it from another point of view, these seem like they could be siblings (although inheritance issues probably make me wrong). My inkling is that views would allow me more flexibility in the future with sub-items and such.</p>
  
  <p>And of course ng-include and directives could play into this.</p>
  
  <p>Being new to ui-router could someone slap me in the right direction? Where I'm stuck is loading the home view. I want my users to see their dashboard in the Content section once they log in. And then, how do I load new elements into Content as the user navigates from the Sidebar?</p>