JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何在AngularJS中的刷新时重定向不同的视图?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在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",current) { 

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

});

大佬总结

以上是大佬教程为你收集整理的javascript – 如何在AngularJS中的刷新时重定向不同的视图?全部内容,希望文章能够帮你解决javascript – 如何在AngularJS中的刷新时重定向不同的视图?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。