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 面向对象编程(2) 定义类
May 18 Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
微信小程序中的onLoad详解及简单实例
Apr 05 Javascript
详解vue父子组件间传值(props)
Jun 29 Javascript
Vue实现一个图片懒加载插件
Mar 11 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 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
一个PHP模板,主要想体现一下思路
2006/12/25 PHP
Linux fgetcsv取得的数组元素为空字符串的解决方法
2011/11/25 PHP
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
php缓存技术详细总结
2013/08/07 PHP
通过php动态传数据到highcharts
2017/04/05 PHP
js常用排序实现代码
2010/12/28 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
php is_numberic函数造成的SQL注入漏洞
2014/03/10 Javascript
使用 stylelint检查CSS_StyleLint
2016/04/28 Javascript
JavaScript中的各种操作符使用总结
2016/05/26 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
[01:06:54]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第二场 2月28日
2021/03/11 DOTA
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
python处理csv中的空值方法
2018/06/22 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
浅析python标准库中的glob
2020/03/13 Python
Django实现将views.py中的数据传递到前端html页面,并展示
2020/03/16 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
Python绘制数码晶体管日期
2021/02/19 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
交通专业个人自荐信格式
2013/09/23 职场文书
超市端午节活动方案
2014/01/23 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
学生违反校规检讨书
2014/10/28 职场文书
二婚主持词
2015/06/30 职场文书
小公司融资,商业计划书的8切记
2019/07/15 职场文书
Nginx 过滤静态资源文件的访问日志的实现
2021/03/31 Servers
python实现Thrift服务端的方法
2021/04/20 Python
Python与C++中梯度方向直方图的实现
2022/03/17 Python
Python OpenCV之常用滤波器使用详解
2022/04/07 Python