text: Q:
  
  How to pass details into  received from Firebase with a click to another page on Ionic 3?
  
  I'm starting to develop my projects with Ionic and AngulaJS and I have a problem.
  I get the Firebase data normally in an "ion-item", like (name, image, and details).
  I need to show the details of the "uid" clicked on another page.
  How do I do this?
  Thank you very much if you help me.
  This is my "ion-item"
  
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <ion-list *ngFor="let key of filteredusers">
    <ion-item>
      <ion-thumbnail item-start>
        <img src="{{key.photoURL}}">
      </ion-thumbnail>
      <h3>{{key.displayName}}</h3>
      <p>{{key.detalhes}}</p>
      <button ion-button round item-end>Ver Ofertas</button>
    </ion-item>
  </ion-list>
  
  Showing the data received from the firebase:
  
  A:
  
  You simply make a service for storing the UID and set it when user clicks on the list item in the listing page and get it in the detail page. I am supposing here that you have uid in the filteredusers array which can be accessed by key.uid and then you need to make an API call to firebase to get the data for that particular uid.
  listing.component.html:
  <ion-list *ngFor="let key of filteredusers">
      <ion-item>
          <ion-thumbnail item-start>
              <img src="{{key.photoURL}}">
          </ion-thumbnail>
          <h3>{{key.displayName}}</h3>
          <p>{{key.detalhes}}</p>
          <!-- REDIRECT USER TO DETAIL PAGE -->
          <button ion-button round item-end (click)="redirectToDetailPage(key.uid)">Ver Ofertas</button>
      </ion-item>
  </ion-list>
  
  listing.component.ts:
  ...
  
  redirectToDetailPage(uid) {
      // This is how we store it in service
      this.commonService.currentUID = uid;
      this.navCtrl.push(DetailPage);
  }
  
  ...
  
  detail.component.ts : 
  ...
  
  ionViewWillEnter() {
      this.http.post(this.firebaseURLYouKnow , {
          // pass uid of user clicked from listing page in API call
          uid: this.commonService.currentUID
      })
  }
  
  ...
  
  common.service.ts :
  import { Injectable } from '@angular/core';
  
  @Injectable
  export class commonService {
      public commonService: string;
  }
  
  You can learn more about services and how to use them here
  
  