javascript - 如何使用ngdialog在angularjs中实现重定向之前的消息？

Question

如何使用 ngdialog 在 angularjs 中创建未保存的更改。

例如:当前我们在 page1 中编辑了一些字段。直接我们转到第2页或某个地方，此时ngdialog需要弹出并询问您的移动数据是否会丢失。你想继续吗？包含选项:保存并移动、取消和丢弃并移动。如果我选择取消，则留在同一页面。如果我选择丢弃并移动，则丢弃我们输入的详细信息。如果我选择保存并移动，请保存详细信息并移至相应页面，任何人都可以帮助我..

Answer 1

您可以使用普通 JS 中的 onbeforeunload 函数:

$scope.view = {};

$scope.view.dirty = true;

$scope.$watch('view.dirty', function (oldV, newV) {
    if (newV) {
        window.onbeforeunload = function(){
            return "Did you save your stuff?";
        };
    } else {
        window.onbeforeunload = null;
    }
}