Click Here for TL;DR Part 2 of this series were going to talk about nested states. Specifically states nested deeper than two levels. UI Router Ionic uses Ui Router to handle all of it's routing and state change. Ionic uses many directive throughout it's framework to add functionality or mimic functionality of angular directives. Ionic uses ion-nav-view to replace UI Routers ui-view and add additional functionality. From their site:
The ion-nav-view is our container. Ionic’s router will look for this directive throughout our code to insert templates. ion-nav-view supports inheritance, named views, and other features that we will discuss in depth throughout this series. Note: If you’re familiar with angular-ui-router, ion-nav-view is equivalent to ui-view. On top of that, ion-nav-view provides for animations, history, and more.