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); } }