This post demonstrates how to create nested views with UI-router.
With AngularJS, you write Single Page Applications (SPAs) that uses only a single main page (e.g., index.html) to render its User Interface (UI) component. How the UI visually response to users happens within that single page. Each section of the page may display different content. SPAs generally do not redirect to another main page.
Routing is a way to change the content of one or more sections of the page. One way to do implement it is using ngRoute
Previously I wrote about routing using ngRoute. This post demonstrates how to implement routing using UI-Router, a rather flexible routing solution with nested views in AngularJS unlike ngRoute.