Angular - ngToast清除所有以前的吐司並只顯示一個

Question

我正在使用Angular ngToast。我試圖一次只展示一杯吐司。在顯示新烤麪包之前，先前顯示的烤麪包應該被隱藏。一次只能有一個烤麪包。我試着指定maxNumber，但不起作用。

ngToast.create({ 
     className: 'info', 
     content: ' New Toast', 
     maxNumber: 1 
     //autoDismiss: true, 
     //maxOpened: 1 
     //timeout: 500, 
     //preventDuplicates: true, 
     //preventOpenDuplicates: true 
     //dismissOnClick:true 
     //clickToClose: true 
    }); 

Answer 1

這裏是一個小提琴，可以幫助你：這將在DOM被解僱所有敬酒實例https://jsfiddle.net/774a9dq4/5/

這裏唯一的區別是，調用敬酒對象的新實例之前，只需調用解僱（）。

ngToast.dismiss(); 
ngToast.create({ 
     content:'I am unique <3' 
}); 

Answer 2

希望這可以幫助：

使用ngToast.dismiss()清除所有祝酒。

或者

ngToast.dismiss(yourToastMsg)清除特定敬酒。請參閱this link。