Issue event after close ngx-toastr Angular

Question

I am using the following code to generate the Poup-up toastr

showSuccess() {
    this.toastr.success('You are awesome!', 'Success!', {
        onHidden: () => {
            console.log('hidden')
        },
        onCloseClick: (toastId: number) => {
            console.log('close')
        }
    });
}

but nothing happens when I close the toastr, there is another way?

Answer 1

Try to save the function call into a variable and sign up for the Observable:

const toast = this.toastr.success('You are awesome!', 'Success!', {
        onHidden: () => {
            console.log('hidden')
        },
        onCloseClick: (toastId: number) => {
            console.log('close')
        }
    });

toast.onAction.subscribe((action) => console.log(action));