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使用查询手册
Mar 07 Javascript
jquery.validate使用攻略 第二部
Jul 01 Javascript
JavaScript通过RegExp实现客户端验证处理程序
May 07 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
Javascript中3个需要注意的运算符
Apr 02 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
JavaScript for循环 if判断语句(学习笔记)
Oct 11 Javascript
webpack构建换肤功能的思路详解
Nov 27 Javascript
详解React中setState回调函数
Jun 14 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 Javascript
javascript实现扫雷简易版
Aug 18 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
磨咖啡豆的密诀
2021/03/03 冲泡冲煮
一周让你学会PHP 不错的学习资料
2009/02/06 PHP
一个php导出oracle库的php代码
2009/04/20 PHP
PHP中其实也可以用方法链
2011/11/10 PHP
PHP编程函数安全篇
2013/01/08 PHP
php将字符串转化成date存入数据库的两种方式
2014/04/28 PHP
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
Lab.js初次使用笔记
2015/02/28 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
js本地图片预览实现代码
2016/10/09 Javascript
Vue组件通信实践记录(推荐)
2017/08/15 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
Python with用法实例
2015/04/14 Python
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
python制作企业邮箱的爆破脚本
2016/10/05 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
Python super()方法原理详解
2020/03/31 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
微信营销策划方案
2014/02/24 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
安全月宣传标语
2014/10/07 职场文书
先进教师事迹材料
2014/12/16 职场文书
干部考核工作总结2015
2015/07/24 职场文书
《时代广场的蟋蟀》读后感:真挚友情,温暖世界!
2020/01/08 职场文书
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL