Angular2烤面包机 - 已经初始化了烤面包容器以接收吐司

Question

我在Angular App中使用Angular2-Toaster

这很简单，

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

<toaster-container></toaster-container>

您使用 ToasterService类型的ToasterService进行POP 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');

不要忘记在模块级别提供吐司服务。

demo