title: Handle State as new Route in Ionic Framework with Angular UI-Router
body: <p>I'm using the Ionic Framework with its AngularJS UI-Router and $stateProvider to handle different views in my app.</p>
  
  <p>However, I'm having trouble figuring out how to tell the $stateProvider that I got different "Main View's", with each having different Subviews.</p>
  
  <p>When I'm on <code>/#/home</code> for example, and click on a link which sends me to <code>/#/about</code>, then <code>/#/about</code> doesn't get rendered as it's own, new view. Instead it transitions to it as it were a subpage of <code>/#/home</code>.</p>
  
  <p>It works like it should when I replace $stateProvider with the AngularJS $routeProvider, but then all the transitions are gone.</p>
  
  <p>I've created a Pen for you to take a look at it.</p>
  
  <p><a href="http://codepen.io/anon/pen/gBDFi" rel="nofollow">http://codepen.io/anon/pen/gBDFi</a></p>
  
  <p>There should be no transition between them. Every "base" url should be a new "tab".</p>