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

这是一个可以帮助你的小提琴：https://jsfiddle.net/774a9dq4/5/

这里唯一的区别是在调用toast对象的新实例之前，只需调用dismiss（），它将解除DOM中的所有toast实例。

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

Answer 2

希望这可能有所帮助：

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

或者

ngToast.dismiss(yourToastMsg)清除特定的吐司。

有关详细信息，请参阅this link。

Answer 3

以上答案很简单，但如果你想完全控制你的toastr配置，你需要采取以下方法。

为什么maxNumber:1不起作用是因为它仅在配置级别可用，因此如果要覆盖这些值，则需要在引导应用程序时注入配置文件并覆盖maxNumber属性。如上所述参考*标记属性处于配置级别，其他人可以覆盖单个吐司。 ngToast

这样的事情对你有用inject config to ngToast

app.config(['ngToastProvider', function(ngToastProvider) {
  ngToastProvider.configure({
    additionalClasses: 'my-animation'
  });
}]);

Angular - ngToast清除所有以前的祝酒词，只显示一个

3 个答案: