title: Angular UI Router: abstract : true won't display page
body: <p>I'm trying to wrap my brain around Angular UI Router with nested navigation.</p>
  
  <p>My app has multiple pages. I've set up the StateProvider and the basic routing from page to page works. However, I am now trying to implement a tabbed view within one of these pages. I just can't get it to work. </p>
  
  <p>A basic example can be seen here:
  <a href="http://codepen.io/anon/pen/eBLfD" rel="nofollow">http://codepen.io/anon/pen/eBLfD</a></p>
  
  <p>Specifically: 1) the content of the first tab doesn't get loaded and 2) when I set abstract to false the page that holds the tabs does get loaded.</p>
  
  <p>I've tried setting abstract to false, and then the page does load, but the contents of the first tab don't get loaded. I'm bashing my head on this- What am I missing?</p>