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语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
javascript对JSON数据排序的3个例子
Apr 12 Javascript
前端必备神器 Snap.svg 弹动效果
Nov 10 Javascript
jQuery实现页面点击后退弹出提示框的方法
Aug 24 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 Javascript
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
微信小程序基于本地缓存实现点赞功能的方法
Dec 18 Javascript
纯js封装的ajax功能函数与用法示例
May 14 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
Feb 21 Javascript
重学JS之显示强制类型转换详解
Jun 30 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生成不重复标识符的方法
2014/11/21 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
整理关于Bootstrap列表组的慕课笔记
2017/03/29 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
jquery鼠标悬停导航下划线滑出效果
2017/09/29 jQuery
记一次webpack3升级webpack4的踩坑经历
2018/06/12 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
python实现AES加密与解密
2019/03/28 Python
使用python实现简单五子棋游戏
2019/06/18 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
美国知名艺术画网站:Art.com
2017/02/09 全球购物
ECCO俄罗斯官网:北欧丹麦鞋履及皮具品牌
2020/06/26 全球购物
结构和类有什么异同
2012/07/16 面试题
租房协议书范本
2014/04/09 职场文书
宣传稿格式范文
2015/07/23 职场文书
蓝天保卫战收官在即 :15行业将开展环保分级评价
2019/07/19 职场文书
python如何查找列表中元素的位置
2022/05/30 Python