ionic2-loading動畫

HTML文件html

      <ion-input type="text" [(ngModel)]="user.username"></ion-input>
       <button block (click)="showFill()">登陸</button>

ts文件ionic

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

@Component({
  templateUrl: 'build/pages/contact/contact.html'
})
export class ContactPage {
	public user={
       username : '',
       userpassword :'',

	}
  constructor(private navCtrl: NavController, private loadingCtrl: LoadingController) {
  	this.navCtrl=navCtrl;
  }
  showFill(){
  	alert(this.user.username);
  	console.log(this.user.userpassword);
  	 let loading = this.loadingCtrl.create({
      content: 'Please wait...'
    });
 
    loading.present();
    
        setTimeout(() => {
        loading.dismiss();
         }, 5000);
  }
}
相關文章
相關標籤/搜索