ToastControllerを使用したIonic2でのトーストの実装
トーストは短いメッセージで、通常は画面の下部近くに短時間表示されます。 これらは主にモバイルアプリのクイック通知に使用されます。 Ionic 2を使用すると、アプリにトーストを簡単に実装できます。
import { ToastController } from 'ionic-angular';
次に、コンポーネントのクラスコンストラクターにToastControllerを挿入します。
constructor(public toastCtrl: ToastController) {}
次に、 favoriteRecipe()メソッドで2秒間のトーストを作成して、レシピがお気に入りに追加されたことをユーザーに示します。
favoriteRecipe() {
this.favorite = true;
let toast = this.toastCtrl.create({
message: `Added to your favorites!`,
duration: 2000
});
toast.present();
}
トーストのpresent()メソッドはそれを表示します。 dismiss()は、トーストを閉じるために呼び出すこともできます。
トーストコントローラーオプション
メッセージと期間に加えて、トーストに設定できるオプションがいくつかあります。
- position :トーストの配置を示す文字列。 top 、 middle 、またはbottomのいずれかになります。 Bottomがデフォルトです。
- cssClass :トーストに適用するクラスを含む文字列。
- closeButtonText :デフォルトは「閉じる」です。
- dismissOnPageChange :デフォルトはfalseです。
- showCloseButton :デフォルトはfalseです。