更改页面时AngularJS自定义窗口

Question

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

我没有使用有角度的路线配置（所以我想我不能使用＆＃39; $ locationChangeStart＆＃39;或者＆＃39; $ routeChangeStart＆＃39;）。

我无法使用window.onbeforeunload，因为您无法自定义弹出窗口（可能与显示的消息不同）。

有什么想法吗？

谢谢，

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将页面重定向到他们的最终目的地。