Angular · Middle · Question 33 of 75

How do you warn the user before leaving a page with unsaved changes?

✓Correct answer: A canDeactivate guard that checks the component state and asks for confirmation
2A canActivate guard on the next route
3A beforeunload listener handles in-app navigation too

Explanation

CanDeactivateFn<EditPage> receives the component instance and can return confirm(...). beforeunload only covers closing or reloading the tab, not router navigation.

How do you warn the user before leaving a page with unsaved changes?

Explanation

Further reading

Problem with a question

Test yourself