Ionic Cookbook - Third Edition

How it works...

Since this app is just an introduction to menu navigation, it will not manage page routing and state parameters. At a higher level, this is how the app flows:

• app.ts loads both of the menu templates in app.html.
• The left menu will trigger the openPage() function to open PageTwo.
• The right menu will trigger the rightMenuClick() function to change the this.text property and be displayed on the screen.

In the app.html template, the left menu has the following properties:

side="left" type="overlay" 

However, the right menu has the following assigned instead:

side="right" type="reveal" 

The side property will determine where on the screen the menu should show. There are two types of menus. The overlay option will leave the center ...