如何在 AngularJS 中刷新时重定向不同的视图? [英] How to redirect on different view on refresh in AngularJS?

问题描述

我正在 AngularJS 中开发一个应用程序.基本上，我有一个主页"和一个新项目".在主页上，我有一个带有新项目"链接的菜单.

i'm developing an application in AngularJS. Basically, i have a "home" page and a "new project". In the home page i have a menu with a link to "new project".

我将 $stateProvider 配置如下:

I configured the $stateProvider as follows :

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

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

So, when i enter the app, i'm in the home page. Then i click on "new project" link and i'm in the "new project" page. Now the url is http://myapp/newproject

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

My problem is, when i refresh the page, i want to be redirected on the home page, even if the url in my browser bar is still http://myapp/newproject

我怎样才能做到这一点?

How can i achieve that?

更新:

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

Thank you very much squiroid for your answer. I used the second solution and it worked like a charm. A little clarification, just in case someone should have the same problem, before redirecting to home you have to prevent default operation. So the correct working code is :

$rootScope.$on("$locationChangeStart", function(event, next, current) { 

if(next==current && next=='/newproject')
    event.preventDefault();
    $state.go('home');

});

推荐答案

在你的 'newproject' 控制器中使用它，它正在监听你的刷新:

Use this in your controller of 'newproject' it is listening your refresh:

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

或者把它放在 app.run();

or put this in app.run();

$rootScope.$on("$locationChangeStart", function(event, next, current) { 

    if(next==current && next=='/newproject')
        $state.go('home');

});

这篇关于如何在 AngularJS 中刷新时重定向不同的视图?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！