April 2018
Intermediate to advanced
390 pages
8h 46m
English
So far, we have used both menu and tabs, but in different applications. In this example, we are using both of them in a single application. Let's take a look at our app.html again:
<ion-menu [content]="content"> <ion-header> <ion-toolbar> <ion-title>Menu</ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-list> <button ion-item menuToggle> Close Menu </button> </ion-list> </ion-content></ion-menu><ion-nav #content [root]="rootPage"></ion-nav>
You will notice that we are using ion-menu to show a menu. We are also initializing Ionic navigation with rootPage. If you check app.component.ts, you will see that we are initializing rootPage to be equal to TabsPage, as shown here:
rootPage:any = TabsPage;
This is the key to ...