烤面包机没有隐藏 - Angular 5

Question

我正在使用 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);
      }

Answer 1

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

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

Answer 2

通过删除所有自定义设置解决了这个问题，出于某种原因，它不能使用 2 秒超时...Idk，对于所有其他项目它都有效，对于这个它不会。

烤面包机没有隐藏 - Angular 5

Toaster not hiding - Angular 5

angular

angular2-toaster