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 相关文章推荐
js 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 Javascript
Javascript 面向对象 重载
May 13 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
Jun 27 Javascript
跟我学习javascript的基本类型和引用类型
Nov 16 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
javaScript中定义类或对象的五种方式总结
Dec 04 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
Angularjs修改密码的实例代码
May 26 Javascript
webpack打包单页面如何引用的js
Jun 07 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
vue项目中js-cookie的使用存储token操作
Nov 13 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
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
给moz-firefox下添加IE方法和属性
2007/04/10 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
React组件中的this的具体使用
2018/02/28 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
基于python中staticmethod和classmethod的区别(详解)
2017/10/24 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
Django中针对基于类的视图添加csrf_exempt实例代码
2018/02/11 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
学习自我鉴定
2014/02/01 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
交通事故私了协议书
2014/04/16 职场文书
同居协议书范本
2014/04/23 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
高三霸气励志标语
2014/06/24 职场文书
2014大学生党员评议个人总结
2014/09/22 职场文书
幼儿园重阳节活动总结
2015/05/05 职场文书
情侣餐厅的创业计划书范本!
2019/07/26 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS