8

i am using angular2-toaster in my angular app

it is very simple,

you define toaster container in the template of component 

<toaster-container></toaster-container>

and you use toasterService of type ToasterService to pop op toaster 

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

but there is a problem with this approach, I would not like to define a container in every component I intend to pop a toaster, I would like to define it once in root component. where application bootstrap but when I do so, I get the error 

 No Toaster Containers have been initialized to receive toasts.

any solution?

Vega
  • 27,856
  • 27
  • 95
  • 103
Arash
  • 3,458
  • 7
  • 32
  • 50

1 Answers1

13

Put <toaster-container></toaster-container> in the root component view. Then inject the ToasterService in each of other components. You will still be able to do: 

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

And don't forget to provide ToastService at module level.

DEMO

Vega
  • 27,856
  • 27
  • 95
  • 103
  • There is now a 5.0.0 release that enables toaster container inclusion outside of the root, as well as multiple containers while guaranteeing a singleton of the `ToasterService`. This corrects the behavior seen by the OP. – David L Feb 24 '18 at 16:45