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建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
jquery实现鼠标滑过显示提示框的方法
Feb 05 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
简单总结JavaScript中的String字符串类型
May 26 Javascript
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
vue2.0 + ele的循环表单及验证字段方法
Sep 18 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 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
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
js模拟select下拉菜单控件的代码
2013/05/08 Javascript
javascript中简单的进制转换代码实例
2013/10/26 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
python中的yield使用方法
2014/02/11 Python
Python科学计算环境推荐——Anaconda
2014/06/30 Python
Python 编码Basic Auth使用方法简单实例
2017/05/25 Python
Django中url的反向查询的方法
2018/03/14 Python
Python3正则匹配re.split,re.finditer及re.findall函数用法详解
2018/06/11 Python
pandas 选择某几列的方法
2018/07/03 Python
python利用7z批量解压rar的实现
2019/08/07 Python
解决python3 安装不了PIL的问题
2019/08/16 Python
Python列表解析操作实例总结
2020/02/26 Python
Tensorflow中批量读取数据的案列分析及TFRecord文件的打包与读取
2020/06/30 Python
python 实现客户端与服务端的通信
2020/12/23 Python
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
自荐信范文
2013/12/10 职场文书
培训讲师岗位职责
2014/04/13 职场文书
职务说明书范文
2014/05/07 职场文书
党员作风建设整改方案
2014/10/27 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书