ionic3 Toast组件

html页面

<button ion-button color="dark"  class="button-block" (click)="showToast()">Toast提示</button>

ts文件

import { Component } from '@angular/core';
import { ToastController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public toastCtrl: ToastController) {

  }

  showToast(){
    let toast = this.toastCtrl.create({
      message: '用户名不能为空',
      duration: 3000
    });
    toast.present();
  }

}