Display toastr after http post request does not work

Hello,

I’d like display an green toastr in case of success and a red in case of error after an http post request.

It’s strange because when I put the code this.toastrService.success('Hello world!', 'Toastr fun!'); in ngOnInit I see the toastr

I see the ‘OK’ in the console, the line just before the call to toastrService.

Here the link to the code https://pastebin.com/SQxXxvU5

What’s wrong ?

Thanks,

[SebasG22]

@Kris-I the example above is based on angular project with RXJS. You can get more information here: https://angular.io/guide/rx-library

But if you are creating a simple project just need to use :

this.zone.run(() => { this.toastr.error('Message Description', 'Message Title'); })

Don’t forget to provide in the constructor

import { NgZone } from '@angular/core';

// You can use on a service or component 

constructor(private zone: NgZone){}

public showErrorMessage(title: string, description: string){
this.zone.run(() => { this.toastr.error(description, title); })

}

@yarrgh @scttcper This issue can be closed.

[trevor-hackett]

Nevermind. Figured out the animation error. StackBlitz pulled in @angular/animations 6.1 while the rest of @angular was on 6.0.0