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 相关文章推荐
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
javascript Keycode对照表
Oct 24 Javascript
js限制文本框只能输入数字(正则表达式)
Jul 15 Javascript
JS模块与命名空间的介绍
Mar 22 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
jQuery实现Tab菜单滚动切换的方法
Sep 21 Javascript
js中获取时间new Date()的全面介绍
Jun 20 Javascript
浅谈js原生拖放
Nov 21 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
浅谈微信小程序flex布局基础
Sep 10 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
把77A收信机改造成收音机
2021/03/02 无线电
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
PHP可变函数的使用详解
2013/06/14 PHP
探讨:web上存漏洞及原理分析、防范方法
2013/06/29 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
javascript 一些用法小结
2009/09/11 Javascript
基于jquery的表头固定的若干方法
2011/01/27 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
实例讲解jquery中mouseleave和mouseout的区别
2016/02/17 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
2016/11/21 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
layui文件上传实现代码
2017/05/20 Javascript
vuex state中的数组变化监听实例
2019/11/06 Javascript
JS实现密码框效果
2020/09/10 Javascript
python 测试实现方法
2008/12/24 Python
python动态监控日志内容的示例
2014/02/16 Python
Python中join和split用法实例
2015/04/14 Python
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
轻松实现TensorFlow微信跳一跳的AI
2018/01/05 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python常用类型转换实现代码实例
2020/07/28 Python
详解利用canvas实现环形进度条的方法
2019/06/12 HTML / CSS
Subside Sports德国:足球球衣和球迷商品
2019/06/08 全球购物
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
成教毕业生自我鉴定
2013/10/23 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
房产公证委托书范本
2014/09/20 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
电工实训报告总结
2014/11/05 职场文书
综合测评个人总结
2015/03/03 职场文书
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android