Angular 2 - 在REST API调用正在处理时阻止后退按钮？

Question

在我的angular 2应用程序中，已经处理了一个REST API调用来处理一些功能流以从服务器端获得响应。在平均时间，我想阻止用户使用浏览器后退按钮进行导航。

我使用下面的代码来阻止后退按钮。

history.pushState(null, null, location.href);
    window.onpopstate = function(event) {
        history.go(1);
        /*** I need to use confirmation box to alert the user ***/
};

我必须在window.onpopstate事件处理函数上提醒用户处理它。有关创建对话框的任何线索......？

欣赏任何线索..

Answer 1

您可以在服务中设置属性，例如isDisabled = true，并创建一个可以在任何地方使用的指令，禁用按钮以及您可能需要的任何其他操作。