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

时间:2019-01-24 16:19:21

标签: angular forms typescript ionic-framework warnings

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

我如何以某种方式保护表单,如果有人离开或关闭了浏览器选项卡,应该提示他们确认他们确实要保留未保存的数据?

1 个答案:

答案 0 :(得分:0)

这看起来是使用CanDeactivate Guard的理想情况。我已经在YouTube上创建了一个video,供您观看和实施。

但这仅适用于离开路线的情况。不确定是否可以在“关闭窗口”中使用。

因此,您可以使用window.onbeforeunload。这是StackOverflow thread上的内容,您可以阅读来看看。

希望这会有所帮助。