如何在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
我的问题是,当我刷新页面时,我想在主页上重定向,即使浏览器栏中的网址仍然是 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
我如何实现这一目标?
更新:
非常感谢 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屋!