在离开网页之前警告用户未保存的更改角度

Posted 2023-02-22

【中文标题】在离开网页之前警告用户未保存的更改角度

【英文标题】：Warn user before leaving web page with unsaved changes angular

【发布时间】：2019-06-18 10:47:24

【问题描述】：

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

如何保护表单，以便在有人离开或关闭浏览器选项卡时，系统应提示他们确认他们确实想要留下未保存数据的表单？

【问题讨论】：

angular.io/guide/router#candeactivate-handling-unsaved-changes

【参考方案1】：

这看起来是使用CanDeactivate Guard 的理想案例。我在 YouTube 上创建了一个 video，供您观看和实施。

但这仅适用于远离路线的导航。不确定它是否适用于窗口关闭。

因此，您可以使用window.onbeforeunload。这是*** thread，您可以阅读以查看。

希望这会有所帮助。