Chapter 4. Navigation and Routing in an Ionic App
In any Mobile App, navigation and routing plays the most important part. It defines the backbone of the mobile experience and provides ease of access if implemented perfectly. In this chapter, we will discuss the various options available in Ionic Framework to define routing in an application. Ionic Framework has included an open source routing module called UI Router, which was developed along with the Angular UI bootstrap library. UI Router is a preferred routing module over the in-built Angular ngRoute
module. The following important topics will be discussed in this chapter:
- Introduction to Angular UI Router:
- States and URLs
- Nested states and views
- Multiple and named views
- State parameters
- State events and resolve
- Ionic header and footer
- Ionic tabs
- Ionic side menus
- Navigation and back menu
- Navigation and layout to be used in BookStore