在輸入帳號與密碼點擊登陸時若是成功,登陸頁面隱藏,顯示出登陸成功後的用戶中心,而後點擊用戶中心的註銷,彈出登陸頁面javascript
首先引入ViewControllerhtml
import {NavController,LoadingController,ToastController,ModalController,ViewController} from 'ionic-angular';
constructor(private navCtrl: NavController, private loadingCtrl: LoadingController,private toastCtrl: ToastController,public modalCtrl: ModalController,public viewCtrl: ViewController) { this.navCtrl=navCtrl; }
login(){ /* var localStorage = { username:'', Logined:'', }*/ if(this.user.username==''){ let toast=this.toastCtrl.create({ message:"請填寫用戶名", duration:3000, position:"middle" }); toast.onDidDismiss(() =>{ console.log("has dismissed"); }); toast.present(); }else if(this.user.username!=='' && this.user.userpassword=="1"){ //設置localStorage 的 username 與Logined,在ts中只能這樣設置 localStorage.setItem("username", this.user.username); localStorage.setItem("Logined", "true"); let loading = this.loadingCtrl.create({ content: 'Please wait...' }); 若是顯示loading,下面的this.viewCtrl.dismiss(this.user.username);無效 不知是什麼緣由 // loading.present(); //this.viewCtrl.dismiss(); setTimeout(() => { //alert(this.viewCtrl); // 頁面消失時傳入用戶的用戶名,用於用戶中心的頭像切換 this.viewCtrl.dismiss(this.user.username); loading.dismiss(); }, 1000); } else if(this.user.username!=='' && this.user.userpassword!=="1"){ let toast=this.toastCtrl.create({ message:"登陸失敗,密碼錯誤", duration:3000, position:"middle" }); toast.present(); } }
用戶中心頁面java
import {Component} from '@angular/core'; import {NavController,LoadingController,AlertController,ToastController,ModalController,ViewController } from 'ionic-angular'; import {ImagePicker} from 'ionic-native'; import {ContactPage} from '../contact/contact'; @Component({ templateUrl: 'build/pages/contact/usercenter.html' }) export class UserCenter { public user={ username : '', userpassword :'' , headface:'images/1.png' } constructor(private navCtrl: NavController, private loadingCtrl: LoadingController, private alertCtrl: AlertController, private toastCtrl: ToastController,public modalCtrl: ModalController,public viewCtrl: ViewController) { //this.navCtrl=navCtrl; // this.viewCtrl=viewCtrl; if(localStorage.getItem("Logined") == "true"){ //已經登陸的狀態,不跳轉,顯示用戶信息便可 this.user.headface = 'images/'+localStorage.getItem("username")+'.png' } else { let modal = this.modalCtrl.create(ContactPage); modal.onDidDismiss(data => { this.user.headface= 'images/'+ data +'.png' }); modal.present(); } } logout(){ localStorage.setItem("username",""); localStorage.setItem("Logined", ""); let modal = this.modalCtrl.create(ContactPage); modal.onDidDismiss(data =>{ this.user.headface= 'images/'+ data +'.png' }); modal.present(); } }