How to use a custom dialogue with the canDeactivate route guard in Angular

Tobias Ljungström
Jan 9, 2018 · 4 min read
Guard against unintended navigation (and possibly swords)

The route guard foundation

Enabling a custom dialog

Tying it all together

Conclusion

Tobias Ljungström

Written by

Frontend developer consultant at Squeed, with a passion for JavaScript and making things look way cool.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade