title: PrimeNG Toaster not showing - Angular 6
body: <p>I am trying to implement PrimeNG toaster but it is not showing up, not sure what I am missing. I followed the steps like this: </p>
  
  <pre><code>npm install primeng --save
  npm install primeicons --save
  </code></pre>
  
  <p>I added to angular-cli styles the following: </p>
  
  <pre><code>"node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css"
  </code></pre>
  
  <p>In my app.module.ts I imported</p>
  
  <pre><code>ToastModule,
  BrowserAnimationsModule
  </code></pre>
  
  <p>In providers I have MessageService from <code>primeng/api</code>.</p>
  
  <p>Now, in my http requests service, I added this piece of code: </p>
  
  <pre><code>get(url: string, showSuccessToast?: boolean, toastMessage?: string) {
          const result = this.http.get(url)
              .pipe(map((response: Response) =&gt; {
  
                      if (showSuccessToast) {
                          this.messageService.add({severity: 'success', summary: 'Success!', detail: toastMessage});
                      }
                      return response;
                  }),
                  catchError(response =&gt; this.handleError(response))
              );
  
          return result;
      }
  </code></pre>
  
  <p>In my component service, where I make the get request, I added true for showSuccess and a string for message.</p>
  
  <p>In <code>app.component.ts</code> I added: <code>&lt;p-toast&gt;&lt;/p-toast&gt;</code></p>
  
  <p>No errors are thrown, Toaster is just not popping up... </p>