angular2 烤面包机 - 没有烤面包机容器已初始化接收吐司

angular2 toaster - No Toaster Containers have been initialized to receive toasts

我正在 angular 应用中使用 angular2-toaster

很简单,

你在组件模板中定义了烤面包机容器

<toaster-container></toaster-container>

并且您使用 ToasterService 类型的 toasterService 弹出 op 烤面包机

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

但是这种方法有一个问题,我不想在 我打算弹出烤面包机的每个组件, 我想在根组件中定义一次。其中应用程序 bootstrap 但是当我这样做时,我得到了错误

 No Toaster Containers have been initialized to receive toasts.

有什么解决办法吗?

<toaster-container></toaster-container>放在根组件视图中。 然后在每个其他组件中注入 ToasterService。您仍然可以执行以下操作:

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

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

DEMO