Skip to Content
Ionic Cookbook - Third Edition
book

Ionic Cookbook - Third Edition

by Indermohan Singh
April 2018
Intermediate to advanced content levelIntermediate to advanced
390 pages
8h 46m
English
Packt Publishing
Content preview from Ionic Cookbook - Third Edition

How it works...

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

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Learning Ionic - Second Edition

Learning Ionic - Second Edition

Arvind Ravulavaru
Ionic in Action

Ionic in Action

Jeremy Wilken
Ionic : Hybrid Mobile App Development

Ionic : Hybrid Mobile App Development

Rahat Khanna, Sani Yusuf, Hoc Phan
ReasonML Quick Start Guide

ReasonML Quick Start Guide

Raphael Rafatpanah, Bruno Joseph D'mello

Publisher Resources

ISBN: 9781788623230Supplemental Content