javascript - Angular js-模拟浏览器后退/前进按钮禁用

Question

我正在开发需要模拟浏览器后退/前进按钮的应用程序(我已经实现了 2 个按钮)。我可以使用 window.history.forward() 和 window.history.back() 实现此功能。该功能按预期工作。但是我有一个问题，我需要在没有更多页面可以进一步浏览时禁用前进按钮，反之亦然。

我已尝试使用以下解决方法，但没有任何效果。

if(!window.history.next){
    $scope.abcService.enableForwardButton = false;
}

这个 if 条件永远不会满足，即使我没有任何页面可以进一步浏览也是如此。

var index = window.history.length;
if(window.history[index] != window.location)
{
    $scope.abcService.enableForwardButton = true;
}

任何输入都会有所帮助。注意:禁用按钮是应用程序的强制要求

Answer 1

$location 服务可能对您有用。 https://docs.angularjs.org/api/ng/service/ $位置#州

此外，我不确定它与 angular 的兼容性如何，但您可能想看看 https://github.com/browserstate/history.js/