烤面包机不隐藏 - Angular 5答案

【问题标题】：Toaster not hiding - Angular 5烤面包机不隐藏 - Angular 5
【发布时间】：2018-05-12 23:58:45
【问题描述】：

我正在使用angular2-toaster，但我只在这个项目上遇到问题。我之前在多个项目中使用过它并且效果很好，但是当我切换到 Angular 5 版本时，我无法让烤面包机消息消失。在成功或错误时，我有一个应该隐藏消息的超时，但它不会发生。这是我的烤面包机配置，如果最近有人遇到同样的问题，请告诉我，谢谢！

if (showSuccessToast) {
        const toast: Toast = {
          type: 'success',
          title: 'Well Done !',
          body: toastMessage ? toastMessage : 'Operation successful.',
          showCloseButton: true,
          timeout: 2000,
          closeHtml: '<div class="toaster-close-icon"></div>'
        };

        this.toasterService.pop(toast);
      }

【问题讨论】：

该库是否与 Angular 5.x.x 兼容？
您的意思是烤面包机加载成功，但只有在隐藏消息时出现问题，还是在控制台上加载也有问题？
@NirajPaudel 它会弹出，但不会隐藏消息
我在 Angular 4 中也面临同样的问题。烤面包机消息成功弹出，但在定义的超时后不会自动隐藏。
@NemanjaGrabovac 有一个新版本的库出来了。它解决了您的问题还是问题仍然存在？

标签： angular angular2-toaster

【解决方案1】：

通过删除所有自定义设置解决了这个问题，由于某种原因，它无法在 2 秒超时时工作... Idk，对于它工作的所有其他项目，对于这个它不会。

【讨论】：

【解决方案2】：

正如我在文档中看到的，有一点：Version ^ 5.0.0 requires either .forRoot() or .forChild() ToasterModule inclusion.

您可以尝试为ToasterModule 添加.forRoot() 吗？ forRoot 保证您只创建一次服务实例。所以它可能会解决你的问题

【讨论】：