Menampilkan Data User Setelah Login Ionic - Mari Belajar Coding

Sabtu, 16 Februari 2019

Menampilkan Data User Setelah Login Ionic


Menampilkan Data User Setelah Login 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

Related Posts

Load comments