atendidas.html

<!--
  Generated template for the AtendidasPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <button ion-button menuToggle showWhen="android">
      <ion-icon name="menu"></ion-icon>
    </button>
    <button ion-button menuToggle showWhen="ios" style="color:blue">
      Menu
    </button>
    <ion-title>Pacientes atendidos</ion-title>
  </ion-navbar>
</ion-header>


<ion-content>

  <ion-list>
    <ion-item *ngFor="let grocery of groceries" (click)="openPage(grocery)">
        <ion-grid class="grid">
            <ion-row>
              <ion-col col-12>
                <h1>{{grocery.nome}}</h1>
              </ion-col>
            </ion-row>

            <ion-row>
              <ion-col col-6>
                <h2>{{grocery.tipo_consulta}}</h2>
              </ion-col>
              <ion-col col-6>
                  {{grocery.data}} às {{grocery.horario}}
              </ion-col>
            </ion-row>
            <ion-row class="address">
              <ion-col col-12>
                  {{grocery.endereco1}}
              </ion-col>
            </ion-row>
            <ion-row class="address">
              <ion-col col-12>
                  {{grocery.endereco2}}
              </ion-col>
            </ion-row>
          </ion-grid>
    </ion-item>
  </ion-list>
  
  
</ion-content>

atendidas.ts

import { DataGenerateProvider } from './../../../providers/data-generate/data-generate';
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { FinanceirodetalhesPage } from '../../Financeiro/financeirodetalhes/financeirodetalhes';

/**
 * Generated class for the AtendidasPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-atendidas',
  templateUrl: 'atendidas.html',
})
export class AtendidasPage 
{
  
  //public Dados :any;

  constructor(public navCtrl: NavController, public navParams: NavParams, public dataGenerateProvider: DataGenerateProvider) 
  {
    
  }
  public groceries = new Array<any>();
  public setData()
  {    
    this.groceries = this.dataGenerateProvider.DadosAgenda();
  }

  public openPage(item)
  {
    //console.log(item);
    
    this.navCtrl.push(FinanceirodetalhesPage, {obj: item});
  }

  ionViewDidLoad() 
  {
    this.setData();
    console.log('ionViewDidLoad AtendidasPage');
  }

}

financeirodetalhes.html

<!--
  Generated template for the FinanceirodetalhesPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>Detalhes</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-grid class="grid">
    <ion-row>
      <ion-col col-12>
        <h1>{{dados.nome}}</h1>
      </ion-col>
    </ion-row>

    <ion-row>
      <ion-col col-6>
        <h2>{{dados.tipo_consulta}}</h2>
      </ion-col>
      <ion-col col-6>
          {{dados.data}} às {{dados.horario}}
      </ion-col>
    </ion-row>
    <ion-row class="address">
      <ion-col col-12>
          {{dados.endereco1}}
      </ion-col>
    </ion-row>
    <ion-row class="address">
      <ion-col col-12>
          {{dados.endereco2}}
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

financeirodetalhes.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

/**
 * Generated class for the FinanceirodetalhesPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-financeirodetalhes',
  templateUrl: 'financeirodetalhes.html',
})
export class FinanceirodetalhesPage 
{
  public dados: any;

  constructor(public navCtrl: NavController, public navParams: NavParams) 
  {
    console.log(this.navParams.get('obj'));
    this.dados = this.navParams.get('obj');
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad FinanceirodetalhesPage');
  }

}