pass data between pages ionic 5 code example

Example 1: how to pass data to another page in ionic 3

Controller - 

this.navCtrl.push(page2,{
item:item,
item2:item2
});



View - 

this.value = navParams.get('item');

Example 2: passing data from one page to another in ionic 4

ionic start academyNavigation blank --type=angular
cd academyNavigation
ionic g page details

Example 3: passing data from one page to another in ionic 4

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>Details</ion-title>
  </ion-toolbar>
</ion-header>
 
<ion-content padding>
<ion-card *ngIf="data">
  <ion-card-header>
    <ion-card-title>
      {{ data.name }}
    </ion-card-title>
    <ion-card-subtitle>
        {{ data.website }}
    </ion-card-subtitle>
  </ion-card-header>
  <ion-card-content>
    <ion-item *ngFor="let i of data.interests">
      {{ i }}
    </ion-item>
  </ion-card-content>
</ion-card>
</ion-content>