AngularJS ui-router刷新子页面路由的方法


Posted in Javascript onJuly 23, 2018

网上有各种刷新子页面路由的方法,但是不知道为什么放到我的页面就不行了,尴尬!

网上的方法有:

<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刷新子页面路由的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
纯javascript制作日历控件
Jul 17 Javascript
js自定义回调函数
Dec 13 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
ionic环境配置及问题详解
Jun 27 Javascript
React Native之ListView实现九宫格效果的示例
Aug 02 Javascript
移动web开发之touch事件实例详解
Jan 17 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
Jul 19 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
Apr 08 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
Jan 14 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
May 09 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
Jul 23 #Javascript
JS实现简单的星期格式转换功能示例
Jul 23 #Javascript
javascript使用正则实现去掉字符串前面的所有0
Jul 23 #Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 #jQuery
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 #Javascript
jquery实现搜索框功能实例详解
Jul 23 #jQuery
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 #Javascript
You might like
文件系统基本操作类
2006/11/23 PHP
php引用地址改变变量值的问题
2012/03/23 PHP
无JS,完全php面向过程数据分页实现代码
2012/08/27 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
替代window.event.srcElement效果的可兼容性的函数
2009/12/18 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
JavaScript控制Session操作方法
2013/01/17 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
js实现新年倒计时效果
2015/12/10 Javascript
Select2.js下拉框使用小结
2016/10/24 Javascript
angular中的cookie读写方法
2017/08/02 Javascript
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
原生JS实现轮播图效果
2018/10/12 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
全面解读Python Web开发框架Django
2014/06/30 Python
实用自动化运维Python脚本分享
2018/06/04 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
redis数据库及与python交互用法简单示例
2019/11/01 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
大学生党员个人总结
2015/02/13 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
logback 实现给变量指定默认值
2021/08/30 Java/Android