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 ...

Get Ionic Cookbook - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.