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 相关文章推荐
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
May 19 Javascript
js数组常见操作及数组与字符串相互转化实例详解
Nov 10 Javascript
jQuery事件绑定用法详解
Sep 08 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
javascript入门之window对象【新手必看】
Nov 22 Javascript
浅谈Vuejs Prop基本用法
Aug 17 Javascript
vue实现个人信息查看和密码修改功能
May 06 Javascript
原生js实现文件上传、下载、封装等实例方法
Jan 05 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
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
PHP中include与require使用方法区别详解
2013/10/19 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
PHP使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
javascript+xml技术实现分页浏览
2008/07/27 Javascript
jquery模拟按下回车实现代码
2011/09/20 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
2014/05/07 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
jQuery pagination分页示例详解
2018/10/23 jQuery
JS异步执行结果获取的3种解决方式
2019/02/19 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
Python单例模式的两种实现方法
2017/08/14 Python
Python网络编程 Python套接字编程
2017/09/13 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
pytorch 调整某一维度数据顺序的方法
2018/12/08 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
建筑设计所实习生自我鉴定
2013/09/25 职场文书
服装销售人员求职自我评价
2013/09/26 职场文书
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
篮球社团活动总结
2014/06/27 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
个人批评与自我批评
2014/10/15 职场文书
高校教师个人工作总结2014
2014/12/17 职场文书
高三英语复习计划
2015/01/19 职场文书
客房领班岗位职责
2015/02/11 职场文书
新郎结婚感言
2015/07/31 职场文书
react antd实现动态增减表单
2021/06/03 Javascript