AngularJS ui-router刷新子页面路由的方法
更新时间：2018年07月23日 14:06:41 作者：小旺同学
这篇文章主要介绍了AngularJS ui-router刷新子页面路由的方法，网上虽然有很多种方法，但是都不适合小编，今天小编给大家分享一个还不错的方法，需要的朋友可以参考下
网上有各种刷新子页面路由的方法，但是不知道为什么放到我的页面就不行了，尴尬！
网上的方法有：
<a href="#" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:'app.toMenu'}">
<!-- 这个方法刷新当前路由页面 -->
另外也可以用$state.reload();
$state.reload()是加载整个页面;
$state.reload('app.toMenu');加载当前页面；
<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
$state.reload('app.toMenu');
}
如果以上方法都不行的，可以试一下这样：
controllerjs里面：点击后，先reload刷新一下，然后定时器里面跳转到URL路由，这样就可以刷新子路由页面了。（定时器设置小一点，这样跳转就不会显得“生硬”）
$scope.toSubPage = function (name) {
var param = {};
if (name == 'report') {
param = {id: 1};
}
$state.reload();
$timeout(function () {
$state.go('home.' + name, param,{reload:false});
},5)
}
总结
以上所述是小编给大家介绍的AngularJS ui-router刷新子页面路由的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了AngularJs ng-route路由,这里整理相关资料及简单实例代码，有兴趣的小伙伴可以参考下2016-09-09
本文通过对比几种Angular组件间的通信方式,给大家介绍了一种新的Angular组件间通信的解决方案,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
AngularJs Dependency Injection（DI，依赖注入）
本文主要介绍AngularJs Dependency Injection，这里整理了详细资料及示例代码有兴趣的小伙伴可以参考下2016-09-09
这篇文章主要介绍了Angularjs中数据绑定的实例详解的相关资料,这里提供简单实例，大家可以参考下，希望通过本文可以掌握这部分内容，需要的朋友可以参考下2017-08-08
AngularJS中如何使用$http对MongoLab数据表进行增删改查
这篇文章主要介绍了AngularJS中如何使用$http对MongoLab数据表进行增删改查的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了AngularJS多视图切换用法,结合实例形式分析了AngularJS基于多视图切换实现碎片文件动态载入的相关操作技巧,需要的朋友可以参考下2016-11-11
今天小编就为大家分享一篇angular2 组件之间通过service互相传递的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
详解Angular调试技巧之报错404(not found)
本篇文章主要介绍了详解Angular调试技巧之报错404(not found)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了AngularJS变量及过滤器Filter用法,结合实例形式分析了AngularJS变量、过滤器及自定义过滤器的相关用法与注意事项,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了AngularJS读取JSON及XML文件的方法,涉及AngularJS针对xml及json格式文件数据的读取、遍历、输出等相关操作技巧,需要的朋友可以参考下2017-05-05
最新评论