Learning Ionic - Second Edition

Passing data between pages

So far, we have seen how we can move from one page to another. Now, using NavParams, we will be passing data from one page to another.

In the same example9 project, we will be adding on this functionality. On the home page, we will present a textbox for the user to enter data. Once the user enters the data and clicks on Go to About, we will take the value of the textbox and pass it on to the About page and print the text that we have captured on the Home page in the About page.

To get started, we will update example9/src/pages/home/home.html as shown here:

<ion-header>     <ion-navbar>         <ion-title>             Home Page         </ion-title>     </ion-navbar> </ion-header> <ion-content padding>     <ion-list>         <ion-item>  <ion-label color="primary">Enter</ion-label> ...