How can I clear previous toastr before showing the new one and set a timeout between them?

angularjs angular-toastr
Petya Naumova picture Petya Naumova · Dec 6, 2016 · Viewed 8.9k times · Source

I am using Angular toastr and I am stuck at passing a delay between hiding the previous toastr and showing the next one. There should be only one toastr at a time. I am hiding and showing it, but there is no visual difference, and still the toast messages are the same, the user is not able to distinguish which was previous and wich is next toast. I am firing them with two functions. Any help would be appreciated.

This is my setup:

        autoDismiss: true,
        maxOpened: 2,
        newestOnTop: true,
        extendedTimeOut: 1000,
        tapToDismiss: false,
        timeOut: 5000

Answer

Ghazanfar Khan picture Ghazanfar Khan · Dec 6, 2016

Immediately remove current toasts without using animation

toastr.remove()

Remove current toasts using animation 

toastr.clear()

Every thing is mention on github

Related questions

How to change icon filling color in toastr

I have toastr success and error messages shown in my application. I changes the colors of the background and the font color. I want to change the icon colors shown in the messages. I have searched everywhere for this but …

Read More
Find and clear a toast (Toastr)

I have a page where there may be multiple toasts added dynamically using the plugin https://github.com/CodeSeven/toastr. I have a link(Ok) on each toast on clicking that link I need to close only the particular toast …

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More