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

Question

在我的 angular 2 应用程序中，有一个 REST API 调用已被处理以处理一些功能流以从服务器端获得响应。同时，我想阻止用户使用浏览器 Back 按钮进行导航。

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

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，并创建一个您可以在任何地方使用的指令，禁用您的按钮和您可能需要的任何其他操作。

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

Angular 2 - Prevent back button while REST API call is under processing?

back-button

angular