イオニック2トーストはページ上に閉じない

Question

私はトーストを使用しますが、私は2トーストを同時に開いてトーストを閉じることはできません。

let toast = this.toastCtrl.create({ 
     message: 'İnternet bağlantınızda veya sunucuda sorun olabilir.', 
     duration: 3000, 
     position: 'bottom' 
}); 
toast.present(); 

Answer 1

あなたのトーストへの参照を保持し、それを提示する前に、それにdismiss()を呼び出します。このソリューションは、一度に複数のToastを表示させないようにします。

私が自分で使いたい解決策は、サービス内ですべてのToastの対話を処理することです。そして、あなたはそれを必要とするものは何でもコンポーネント/ページ/サービスにして、そのサービスを注入

ToastService：

import { Injectable } from '@angular/core'; 
import { ToastController, Toast } from 'ionic-angular'; 

@Injectable() 
export class ToastService{ 
    toast: Toast = null; 

    constructor(private toastCtrl: ToastController){ } 

    presentToast(text:string):void{ 
     let toastData = { 
      message: text, 
      duration: 3000, 
      position: 'top' 
     } 

     this.showToast(toastData); 
    } 

    presentClosableToast(text:string):void{ 
     let toastData = { 
      message: text, 
      showCloseButton: true, 
      closeButtonText: 'X', 
      position: 'top' 
     }; 

     this.showToast(toastData); 
    } 

    private showToast(data:any):void{ 
     this.toast ? this.toast.dismiss() : false; 
     this.toast = this.toastCtrl.create(data); 
     this.toast.present(); 
    } 
}