angular2 toastr - 没有 toastr 容器已初始化接收 toast

Question

我正在使用 angular2-toaster在我的 Angular 应用中

很简单，

在组件模板中定义 toastr 容器

<toaster-container></toaster-container>

并且您使用 ToasterService 类型的 toasterService 来弹出 op toastr

  this.toasterService.pop('success', 'Args Title', 'Args Body');

但是这种方法有一个问题，我不想在其中定义一个容器我打算弹出 toastr 的每个组件， 我想在根组件中定义一次。应用程序 Bootstrap 在哪里但是当我这样做时，我得到了错误

 No Toaster Containers have been initialized to receive toasts.

有什么办法吗？

Answer 1

放<toaster-container></toaster-container>在根组件 View 中。然后在每个其他组件中注入(inject) ToasterService。您仍然可以:

  this.toasterService.pop('success', 'Args Title', 'Args Body');

并且不要忘记在模块级别提供 ToastService。

DEMO