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 回调函数中变量作用域的讨论
Sep 11 Javascript
JS 有名函数表达式全面解析
Mar 19 Javascript
JavaScript中的Math.sin()方法使用详解
Jun 15 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
Oct 27 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
Javascript中的getter和setter初识
Aug 17 Javascript
浅谈Node.js 中间件模式
Jun 12 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
VUE动态生成word的实现
Jul 26 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
Codeigniter+PHPExcel实现导出数据到Excel文件
2014/06/12 PHP
PHP数组Key强制类型转换实现原理解析
2020/09/01 PHP
javascript 类定义的4种方法
2009/09/12 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
人人网javascript面试题 可以提前实现下
2012/01/05 Javascript
按下Enter焦点移至下一个控件的实现js代码
2013/12/11 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
jQuery中ajax的get()方法用法实例
2014/12/26 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
基于jQuery实现表格的查看修改删除
2016/08/01 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
Python文件和目录操作详解
2015/02/08 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
Django 路由系统URLconf的使用
2018/10/11 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
python爬虫之遍历单个域名
2019/11/20 Python
Python实现AI换脸功能
2020/04/10 Python
Python3爬虫RedisDump的安装步骤
2021/02/20 Python
YSL Beauty加拿大官方商城:圣罗兰美妆加拿大
2017/05/15 全球购物
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
综合实践教学反思
2014/01/31 职场文书
竞选村长演讲稿
2014/04/28 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
2021/05/25 Vue.js
Python合并多张图片成PDF
2021/06/09 Python
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android