2

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

2 回答 2

2

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

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

于 2018-02-24T17:38:01.157 回答
0

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

于 2018-02-26T12:19:02.510 回答