ionic 登陸 註銷 (ts格式)

在輸入帳號與密碼點擊登陸時若是成功,登陸頁面隱藏,顯示出登陸成功後的用戶中心,而後點擊用戶中心的註銷,彈出登陸頁面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();
  }

 
   

}
相關文章
相關標籤/搜索