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