Ship internal tools in hours, not weeks. Real auth, users, jobs, audit logs, and cohesive UI included. Early access $249 $499 → [Get it now]

How to use CanDeactivate guard in Angular

CanDeactivate guards prevent users from accidentally leaving routes with unsaved changes by prompting for confirmation before navigation. As the creator of CoreUI with extensive Angular development experience since 2014, I’ve implemented CanDeactivate guards in numerous form-heavy applications to prevent data loss. The most effective approach creates a generic guard that components can implement to control when they can be deactivated. This pattern provides excellent user experience by protecting against accidental data loss while maintaining flexible navigation control.

Read More…
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
What is globalThis in JavaScript?
What is globalThis in JavaScript?

How to replace all occurrences of a string in JavaScript?
How to replace all occurrences of a string in JavaScript?

Bootstrap 6: Everything You Need to Know (And Why CoreUI Is Already Ahead)
Bootstrap 6: Everything You Need to Know (And Why CoreUI Is Already Ahead)

How to Add a Tab in HTML
How to Add a Tab in HTML

Answers by CoreUI Core Team