angular - toastr 没有隐藏 - Angular 5

标签 angular angular2-toaster

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

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);
      }

最佳答案

正如我在文档中看到的那样,有一点:版本 ^ 5.0.0 需要 .forRoot() 或 .forChild() ToasterModule 包含。

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

关于angular - toastr 没有隐藏 - Angular 5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47550023/

相关文章:

angular - 单击 Angular2-toaster 弹出窗口时如何处理事件

angular - 将超链接添加到 Angular 2 Toast 消息

Angular 5,NullInjectorError : No provider for Service

Angular 2 路由器错误 : Invalid configuration of route 'undefined'

javascript - NgRx createReducer() 和 on() 给出错误

angular - 为什么全局错误处理程序中的 toastr 服务在 Angular 4/5/6 中不起作用?

Angular 2 应用程序因 XHR 错误而失败(404 未找到)

angular - ng 生成服务地理位置时出错

javascript - 从 Angular 中的 api 导入样式