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

Ara*_*ash 8 typescript angular-services angular angular2-toaster

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

这很简单,

您在组件的模板中定义烤箱容器

<toaster-container></toaster-container>
Run Code Online (Sandbox Code Playgroud)

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

  this.toasterService.pop('success', 'Args Title', 'Args Body');
Run Code Online (Sandbox Code Playgroud)

但是这种方法存在问题,我不想在我想要弹出烤面包机的每个组件中定义一个容器,我想在root组件中定义一次.应用程序引导程序,但当我这样做,我得到错误

 No Toaster Containers have been initialized to receive toasts.
Run Code Online (Sandbox Code Playgroud)

任何解决方案

Veg*_*ega 12

放入<toaster-container></toaster-container>根组件视图.然后在每个其他组件中注入ToasterService.你仍然可以这样做:

  this.toasterService.pop('success', 'Args Title', 'Args Body');
Run Code Online (Sandbox Code Playgroud)

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

DEMO