How to hide ngx-toaster programmatically?

Question

I use ngx-toaster with disableTimeOut true. So it won't hide automatically. But now I won't to hide it programmatically, when user leaving the page(inside the ngOnDestroy method). How can I do it?

this.toastr.error(message, status, {disableTimeOut: true});

So you want to hide toaster inside ngOnDestroy? – Prashant Pimpale Dec 21 '19 at 05:58 — Prashant Pimpale, Dec 21 '19 at 05:58

Sajeetharan · Accepted Answer · 2019-12-21T07:43:01.800

6

You just have to call the .clear() method and pass the toastId If needed

 this.toastr.clear(this.toastRef.toastId);

STACKBLITZ DEMO

edited Dec 21 '19 at 07:43

answered Dec 21 '19 at 06:01

Sajeetharan

216,225
63
350
396

1

Thank you, this works. But small mistake, ToastId should be toastId. – Sameera K Dec 21 '19 at 06:53

score 3 · Answer 2 · answered Dec 21 '19 at 05:59

3

Use clear()

this.toastr.clear()

answered Dec 21 '19 at 05:59

Chenna

2,383
3
20
36

How to hide ngx-toaster programmatically?

2 Answers2