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 相关文章推荐
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
jQuery选择头像并实时显示的代码
Jun 27 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
jQuery cdn使用介绍
May 08 Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
Apr 06 Javascript
web 前端常用组件之Layer弹出层组件
Sep 22 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
微信小程序实现图片上传放大预览删除代码
Jun 28 Javascript
js校验开始时间和结束时间
May 26 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
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
PHP中“=&gt;
2019/03/01 PHP
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
javascript入门之数组[新手必看]
2016/11/21 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
2017/09/16 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
python在ubuntu中的几种安装方法(小结)
2017/12/08 Python
mac下如何将python2.7改为python3
2018/07/13 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
安装Pycharm2019以及配置anconda教程的方法步骤
2019/11/11 Python
Python3 元组tuple入门基础
2020/02/09 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
销售员岗位职责范本
2014/02/03 职场文书
城管年度个人总结
2015/02/28 职场文书
中学社团活动总结
2015/05/07 职场文书
考试后的感想
2015/08/07 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
MySQL一劳永逸永久支持输入中文的方法实例
2022/08/05 MySQL