如何在离开页面之前警告用户未保存的表单更改? - 角度 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的主要内容,如果未能解决你的问题,请参考以下文章