javascript – AngularJS仅在浏览器的后退按钮上重定向路由

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJS仅在浏览器的后退按钮上重定向路由，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1507字，纯文字阅读大概需要3分钟。

内容图文

在我的AngularJS应用程序中,当用户未登录时,我将路由重定向到特定页面.要做到这一点,我在$rootScope上使用变量.

现在我想在用户登录时阻止浏览器的后退按钮.我想将其重定向到特定页面(注册视图).问题是我不知道是否有后退按钮事件.

我的代码是：

 angular.module('myApp',[...]
//Route configurations
}])
.run(function($rootScope, $location){
               $rootScope.$on('$routeChangeStart', function(event, next, current){
                   if(!$rootScope.loggedUser) { 
                       $location.path('/register');
                   }
               });
               $rootScope.$on('$locationChangeStart', function(event, next, current){
                   console.log("Current: " + current);
                   console.log("Next: " + next);
               });
           });

所以在$locationChangeStart上我会写一个伪代码,如：

if (event == backButton){
     $location.path('/register');
}

可能吗？

一个天真的解决方案是编写一个函数来检查next和current是否处于错误的顺序,检测用户是否返回.

还有其他解决方案吗？我正以错误的方式解决问题？

解决方法:

我找到了一个比我想象的更容易的解决方案.我在$rootScope中的一个对象上注册实际位置,并在每个位置更改我检查新的位置.通过这种方式,我可以检测用户是否回到历史记录中.

angular.module('myApp',[...], {
    //Route configurations
}])
.run(function($rootScope, $location) {
    $rootScope.$on('$routeChangeStart', function(event, next, current) {
        if(!$rootScope.loggedUser) { 
            $location.path('/register');
        }
    });

    $rootScope.$on('$locationChangeSuccess', function() {
        $rootScope.actualLocation = $location.path();
    });

    $rootScope.$watch(function() { return $location.path() },
        function(newLocation, oldLocation) {
            if($rootScope.actualLocation == newLocation) {
                $location.path('/register');
            }
        }); 
    });
});

内容总结

以上是互联网集市为您收集整理的javascript – AngularJS仅在浏览器的后退按钮上重定向路由全部内容，希望文章能够帮你解决javascript – AngularJS仅在浏览器的后退按钮上重定向路由所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端