Questions tagged [angular2-toaster]

angular2-toaster is an Angular 2-@Next compatible port of the John Papa's toastr and AngularJS-Toaster libraries.

Angular2-Toaster is an Angular 2-@Next compatible port of the John Papa's toastr and AngularJS-Toaster libraries.

It is a fully-featured library providing animations, multiple container support and advanced toast and container configuration.

21 questions
10
votes
5 answers

Why does toaster service inside Global Error Handler wont work in Angular4/5/6?

My requirement is to load some data by calling Two Rest Api's before app component loads.If API gives any error display the message in Toaster (angular2-toaster). Before loading app component the below AppLoadService executes import { Injectable }…
8
votes
1 answer

angular2 toaster - No Toaster Containers have been initialized to receive toasts

i am using angular2-toaster in my angular app it is very simple, you define toaster container in the template of component and you use toasterService of type ToasterService to pop op toaster …
Arash
  • 3,458
  • 7
  • 32
  • 50
4
votes
2 answers

ngx-toastr - Generic type 'ɵɵComponentDeclaration' requires between 7 and 8 type arguments

I have installed ngx-toastr and imported in app.module.ts but getting this error while compiling enter image description here...is it because i have set the properties of toaster in service file which I created like below?enter image description…
KiG
  • 41
  • 1
  • 3
4
votes
1 answer

Add Hyperlink To Angular 2 Toast Message

I am using Angular 2 and I was wondering if it's possible to add a hyperlink to a toast message. I poked around online and saw some stuff that might work but I was wondering if there is a clear cut and easy way to implement this. Thanks! Edit: Or if…
Scott
  • 697
  • 8
  • 18
4
votes
2 answers

How to handle the event when click on Angular2-toaster pop-up

Currently, I'm working on a project that uses angular2-toaster. // Show message notification this.toasterService.pop('success', `New message from ${data.sender.name} (${data.sender.hid})`, data.message); When the user clicks to the…
3
votes
2 answers

No Toaster Containers have been initialized to receive toasts

I am working with angular2 toaster in angular2 application. on application start i am getting below error . my app_module is below : import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import {…
Dalip Choudhary
  • 546
  • 5
  • 18
3
votes
1 answer

Angular 2 app failing with XHR error (404 Not Found)

I am trying to use Angular2-Toaster but I can't get past this error (SystemJS) XHR error (404 Not Found) loading http://localhost:4311/node_modules/angular2-toaster/angular2-toaster(…) I have looked at the sources in the browser debug and the…
twaldron
  • 2,722
  • 7
  • 40
  • 55
2
votes
4 answers

Toaster styling not being applied

On initial load, I get the error No Toaster Containers have been initialized to receive toasts. which is an issue, but not the topic of this question (unless fixing it happens to resolve the other problems, which I have a sneaking suspicion it…
Lucas Burns
  • 393
  • 1
  • 3
  • 14
2
votes
3 answers

Toaster not hiding - Angular 5

I am using angular2-toaster but I am having issues ONLY on this project. I used it on multiple projects before and it works fine, but when I switched to angular 5 version I cannot get the toaster message to disappear. On success or error, I have a…
Nemanja Grabovac
  • 858
  • 2
  • 15
  • 30
2
votes
1 answer

Angular2 - Mocking up Angular2-toaster for Jasmine Unit testing

More Generalize the question - How to mock up and external library used in Angular2 In my application i am using Angular2-toaster for popup messages. In order write unit test suite(Jasmine)to one of the component, I tried to mock up the toaster…
1
vote
1 answer

How to show 2 separated toasters in 2 components

I'm trying to use 2 separated angular2-toasters for alerting 2 kinds of notifications. Currently - I can't separate between them - meaning - whenever each of the 2 types alerts are triggered - 2 notifications appears. There are 2 components- 1 is…
Guy E
  • 1,775
  • 2
  • 27
  • 55
1
vote
2 answers

Angular2-toaster thinks two toasts are duplicate?

I'm using the angular2-toaster, and trying to understand why 2 toasts, with different messages, are being considered "duplicate" toasts, and therefore only 1 toast is appearing. I would like both toasts to appear. I have this code: var toast: Toast…
Max
  • 808
  • 11
  • 25
1
vote
1 answer

Md-dialog close after notification

I have dialog box where user can enter data and after clicking on "create", my dialog box gets close and user gets notification. I want to close my dialog box after user get notification and if user enters wrong data, user should get notification…
Radiant
  • 360
  • 3
  • 26
1
vote
1 answer

Angular2 - module not being found when imported into component

I am having a problem whereas a module I am intending to use in my application is not being found. I get the following error: GET http://product-admin.dev/node_modules/angular2-toaster/ 404 (Not Found) The module is installed using NPM and the…
James
  • 2,800
  • 7
  • 45
  • 81
0
votes
1 answer

Error: No Toaster Containers have been initialized to receive toasts

I'm using angular2-toaster in my angular 6 app will update it to 9 later using this schema : |___ app.module |___ shared |_______shared.module |_______component |__________base.component.ts |___ path …
Ayoub Beltarchi
  • 47
  • 2
  • 11
1
2