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

我相信这应该对你有用。

if(typeof window.history.forward!=='function'){
  $scope.abcService.enableForwardButton = false;
}

当您可以向前导航时， typeof window.history.forward 是“函数”；当您不能向前导航时，它是“未定义”