angular2多士炉 - 没有烤箱容器已经初始化以接收烤面包

Question

我在我的角应用中使用angular2-toaster

非常简单，

在组件

的模板中定义烤箱容器

<toaster-container></toaster-container>

并使用类型为ToasterService的toasterService来弹出烤面包机

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

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

 No Toaster Containers have been initialized to receive toasts.

任何解决方案？

Answer 1

将<Button> <Button.Effect> <DropShadowEffect BlurRadius="10" ShadowDepth="5"/> </Button.Effect> </Button> 放在根组件视图中。 然后在每个其他组件中注入ToasterService。你仍然可以这样做：

<toaster-container></toaster-container>

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

DEMO