如何在 AngularJS 中刷新时重定向到不同的视图

How to redirect on different view on refresh in AngularJS?

本文关键字：视图 重定向 AngularJS 刷新      更新时间：2023-09-26

我正在用AngularJS开发一个应用程序。基本上，我有一个"主页"和一个"新项目"。在主页中，我有一个菜单，其中包含指向"新项目"的链接。

我按如下方式配置了$stateProvider：

$stateProvider.state('home', {
    url: '/',
    templateUrl: 'partials/home.jsp'
}).state('newproject', {
    url: '/newproject',
    templateUrl: 'partials/new-project.html'
})

所以，当我进入应用程序时，我在主页上。然后我点击"新项目"链接，我在"新项目"页面。现在网址已 http://myapp/newproject

我的问题是，当我刷新页面时，我希望在主页上重定向，即使浏览器栏中的 url 仍然 http://myapp/newproject

我怎样才能做到这一点？

更新：

非常感谢松鼠的回答。我使用了第二种解决方案，它就像一个魅力。稍微澄清一下，以防万一有人遇到同样的问题，在重定向到主页之前，您必须防止默认操作。所以正确的工作代码是：

$rootScope.$on("$locationChangeStart", function(event, next, current) { 
if(next==current && next=='/newproject')
    event.preventDefault();
    $state.go('home');

}）;

在"newproject"的控制器中使用它，它正在侦听您的刷新：

$rootScope.$on('$locationChangeStart', function(event) {
     $state.go('home');
});

或者把它放在 app.run（） 中;

$rootScope.$on("$locationChangeStart", function(event, next, current) { 
    if(next==current && next=='/newproject')
        $state.go('home');
});
相关文章：