如何在离开页面之前警告用户未保存的表单更改? - 角度 6

Posted

技术标签:

【中文标题】如何在离开页面之前警告用户未保存的表单更改? - 角度 6【英文标题】:How to warn the user about unsaved changes to the form before leaving the page? - angular 6 【发布时间】:2019-03-21 09:51:58 【问题描述】:

我正在使用 angular6,并想在用户更改屏幕之前警告用户表单中存在未保存的更改(更新)。 我的表单是使用 formBuilder 创建的。

【问题讨论】:

CanDeactivate 是你的朋友。这里:angular.io/api/router/CanDeactivate#candeactivate 【参考方案1】:

您可以使用角度路线守卫来做到这一点。由于这是我建议的大话题,请查看以下内容:https://angular.io/guide/router#milestone-5-route-guards

【讨论】:

以上是关于如何在离开页面之前警告用户未保存的表单更改? - 角度 6的主要内容,如果未能解决你的问题,请参考以下文章

在 SessionStorage 中未保存更改时警告用户

离开页面前的 Jquery 未保存更改警报

页面表单值改变未保存 离开页面给出相关提示

Facebook 如何在其应用程序中为未保存的更改显示自定义模式窗口?

除非用户单击特定按钮,否则如何向用户显示警报框

提醒未保存的表单更改