使用 ToastController 在 Ionic 2 中实现 Toast
Toast 是简短的消息,通常会在屏幕底部附近短暂显示。它们主要用于移动应用中的快速通知。Ionic 2 可让您轻松地在应用中实现 Toast:
import { ToastController } from 'ionic-angular';
然后你注射Toast控制器在组件的类构造函数中:
constructor(public toastCtrl: ToastController) {}
现在让我们在favoriteRecipe()方法向用户表明该食谱已被添加到他们的收藏夹中:
favoriteRecipe() {
this.favorite = true;
let toast = this.toastCtrl.create({
message: `Added to your favorites!`,
duration: 2000
});
toast.present();
}
这展示()方法将会显示它。解雇()也可以在祝酒时呼唤它来结束祝酒。
Toast 控制器选项
在……之上信息和期间,您还可以在 Toast 上设置以下几个选项:
- 位置:表示吐司放置位置的字符串,可以是顶部,中间或者底部。底部为默认。
- css类:包含应用于 Toast 的类的字符串。
- 关闭按钮文本:默认为‘关闭’。
- 解除页面更改:默认为 false。
- 显示关闭按钮:默认为 false。