AngularJS 自定义 window 正在更改页面

Question

我想做一个自定义模式，询问用户是否要在离开页面之前保存更改，使用 ui.bootstrap。

我没有使用 angular 路由配置（所以我想我不能使用“$locationChangeStart”或“$routeChangeStart”）。

我无法使用 window.onbeforeunload，因为您无法自定义弹出窗口 window（除了显示的消息之外）。

有什么想法吗？

谢谢，

Answer 1

添加指令，类似于此：

app.directive('a', function() {
    return {
        restrict: 'E',
        link: function(scope, el) {
            $(el).click(function(e) {
                e.preventDefault()
                alert('Do your modal stuff here');
            });
        }
    }
});

Here 是一个工作示例。您可以将 href 传递给模式，如果他们点击通过，您可以使用 href 将页面重定向到他们的最终目的地。

AngularJS 自定义 window 正在更改页面

AngularJS custom window while changing page

javascript

onbeforeunload

angularjs