Multi page navigation

Now that we have three pages, we will see how to implement the navigation between them. The idea is that from the Home page, a user should be able to go to the About and Contact pages, and from the About page to Contact and Home, and, finally, from the Contact page to Home and About.

First we update home.html as follows:

<ion-header>     <ion-navbar>         <ion-title>             Home Page         </ion-title>     </ion-navbar> </ion-header> <ion-content padding>     <ion-card>         <ion-card-header>             Home Page         </ion-card-header>         <ion-card-content>             <button ion-button (click)="goTo('about')">About</button>             <button ion-button color="danger"               (click)="goTo('contact')">Contact</button>             <button ion-button color="light"  (click)="back()">Back</button> ...

Get Learning Ionic - Second 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.