表单 - 在用户离开有未保存更改的网页时发出警告 angular

我的应用程序中有一些带有表单的页面。

我如何保护表单，以便如果有人导航离开或关闭浏览器标签时，他们会被提示确认是否真的想离开有未保存数据的表单？

答案＃1

这看起来是使用 CanDeactivate 守卫的理想案例。我在 YouTube 上制作了一个 视频，你可以观看并实现它。

但这只有在离开该路由时才会有效。不确定在关闭窗口时是否有效。

所以为此，你可以使用 window.onbeforeunload。这里有一个关于同样问题的 StackOverflow 讨论帖，你可以阅读一下看看。

希望这能帮到你。