Menampilkan Data User Setelah Login Ionic

Mari Belajar Coding    2/16/2019    android , ionic   

Setelah tutorial sebelumnya membuat halaman login ionic integrasi dengan php dan mysql, pada tutorial kali ini saya akan berbagi ilmu tentang cara menampilkan data user. 

Menampilkan Data User Setelah Login Ionic

1. home.ts

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

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  userDetails : any;
  constructor(public navCtrl: NavController) {
    const data = JSON.parse(localStorage.getItem('userData'));
     
    if(data.userData){
      this.userDetails = data.userData;
    }else{
      this.userDetails="";
    }
  }

  logout() {
    localStorage.clear();
    setTimeout(() => window.location.reload(), 1000);
  }
}

home.html

<ion-header>
  <ion-navbar>
    <ion-title>
     Home
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h1>Selemat datang <br>{{userDetails.nama}}</h1>
 
  <button ion-button full (click)="logout()">Logout</button>
</ion-content>

Related Search:

• menampilkan data ionic
• login dan logout ionic dengan php mysql