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 分页控件实现代码
Nov 30 Javascript
JavaScript代码复用模式实例分析
Dec 02 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
Javascript函数式编程简单介绍
Oct 11 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 Javascript
实例详解Node.js 函数
Jun 10 Javascript
JS动态显示倒计时效果
Dec 12 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 Javascript
浅谈JavaScript浅拷贝和深拷贝
Nov 07 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
重置版游戏视频
2020/04/09 魔兽争霸
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
php析构函数的简单使用说明
2015/08/24 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
Laravel 的数据库迁移的方法
2017/07/31 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
繁简字转换功能
2006/07/19 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
有趣的bootstrap走动进度条
2016/12/01 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
原生js+canvas实现贪吃蛇效果
2020/08/02 Javascript
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
Python补齐字符串长度的实例
2018/11/15 Python
python实现多张图片拼接成大图
2019/01/15 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
如何基于python对接钉钉并获取access_token
2020/04/21 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
Charlotte Tilbury美国官网:英国美妆品牌
2017/10/13 全球购物
大学生校园创业计划书
2014/02/08 职场文书
授权委托书格式
2014/07/31 职场文书
感谢师恩主题班会
2015/08/17 职场文书
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL
Spring Boot实现文件上传下载
2022/08/14 Java/Android