Implementing Toasts in Ionic 2 With ToastController

Toasts are short messages that appear usually near the bottom of the screen for a brief moment. They are mostly used for quick notifications in mobile apps. Ionic 2 makes it easy to implement toasts in your apps:

import { ToastController } from 'ionic-angular';

Then you inject ToastController in your component’s class constructor:

constructor(public toastCtrl: ToastController) {}

And now let’s create a 2-second toast in a favoriteRecipe() method that indicates to the user that the recipe was added to their favorites:

favoriteRecipe() {
  this.favorite = true;
  let toast = this.toastCtrl.create({
    message: `Added to your favorites!`,
    duration: 2000
  });
  toast.present();
}

The present() method on the toast will display it. dismiss() can also be called on toasts to close them.