me.html

<ion-header>
  <ion-navbar color="steelblue">
    <ion-title text-center>Me</ion-title>
    <!-- <button (click)='onLogout()' right> Logout </button> -->
    <ion-buttons end>
      <button ion-button icon-only (click)="onLogout()">Logout
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-card (click)="myprofile()">
    <ion-card-content>
        <div class="container">
            <!-- <img src="{{avatar}}"> -->
            <img class="image" [src]="user.photoURL">
          </div>
          <ion-label><ion-icon ios="ios-person" md="md-person"> <b>{{user.FullName}}</b></ion-icon></ion-label>
      <!-- <span> <b>{{item.FullName}}</b></span> -->
    <ion-row>
      <ion-col>
          <ion-label><ion-icon ios="ios-mail" md="md-mail"> {{user.email}}</ion-icon></ion-label>
      </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
            <ion-label><ion-icon ios="ios-home" md="md-home"> {{user.address}}</ion-icon></ion-label>
        </ion-col>
        </ion-row>
        <ion-row>
          <ion-col>
              <ion-label><ion-icon ios="ios-call" md="md-call">{{user.phoneNumber}}</ion-icon></ion-label>
          </ion-col>
          </ion-row>
    </ion-card-content>
  </ion-card>

<ion-list>
    <ion-item (click)="PurchasePage()">My Purchases History <a align-text-right></a></ion-item>
    <!-- <ion-item detail-push (click)="editprofile()">My Profile</ion-item> -->

  </ion-list>

</ion-content>