angular - angular2 烤面包机 - 没有烤面包机容器被初始化来接收烤面包

Question

我在我的角度应用程序中使用angular2-toaster

这很简单，

您在组件的模板中定义烤面包机容器

<toaster-container></toaster-container>

然后你使用 toasterService 类型ToasterService来弹出 op toaster

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

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

 No Toaster Containers have been initialized to receive toasts.

任何解决方案？

Answer 1

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

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

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

演示