Close snackbar upon navigating to another page?

[Caroline]

Hi there,

Is there any built-in way to close a snackbar/notification bar if the user navigates to another page?

Or, if this isn't the right use case for the notification bar, could someone point me to a better one?

Thank you!

[Zornitsa]

Hi Caroline,

The Notification component can be closed programmatically by utilizing a NotificationRef instance, and then using its built-in hide() method. In your case, this method can be called when the corresponding navigation, with which you desire to hide the Notification, is performed.

On the other hand, if the Notification is initialized in a component that is being destroyed with the navigation, the developer may call the hide() function in the ngOnDestroy() method of the respective component.

Another approach that may be suitable for your scenario is appending the Notification to a dynamic container that is destroyed at some point either through the route navigation, or by the application logic. More information regarding this approach and a runnable example is available in the following article:

• https://www.telerik.com/kendo-angular-ui/components/notification/dynamic-containers/ 

I hope that the provided suggestions are helpful. Let me know if you have any further questions on this matter.

Regards,
Zornitsa
Progress Telerik