角- ngToast清除所有先前的祝酒词，只显示一次。

Question

我用的是角ngToast。我试着一次只做一个祝酒词。以前显示的吐司应该在显示新的toast.There之前隐藏，一次只显示一个吐司。我试图指定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/

这里唯一的不同之处在于，在调用土司对象的新实例之前，只需调用just ()，它将在DOM中删除所有toast实例。

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

Answer 2

希望这可能有助于：

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

或

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

有关更多细节，请参阅此链接。

Answer 3

上面的答案是简单快捷的，但是如果你想完全控制你的烤面包配置，你需要采取以下的方法。

maxNumber:1不起作用的原因是，这仅在配置级别可用，因此，如果您想要覆盖这些值，则需要在引导应用程序时注入配置文件，并重写引用中描述的maxNumber property.As *标记的属性处于配置级别，而其他属性则可以在单独的rest上重写。ngToast

像这样的东西对你有用，向ngToast注入配置

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