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隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
js获取某月的最后一天日期的简单实例
Jun 22 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
javascript制作的滑动图片菜单
May 15 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
vue-cli构建项目下使用微信分享功能
May 28 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
JS实现容器模块左右拖动效果
Jan 14 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下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
那些年一起学习的PHP(二)
2012/03/21 PHP
php cli 小技巧
2013/06/03 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
accesskey 提交
2006/06/26 Javascript
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
JS字符串处理实例代码
2013/08/05 Javascript
javascript中直接引用Microsoft的COM生成Word
2014/01/20 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
浅析Jquery操作select
2016/12/13 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
Vue.js 图标选择组件实践详解
2018/12/03 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
2019/05/09 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
基于javascript实现放大镜特效
2020/12/03 Javascript
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
django 常用orm操作详解
2017/09/13 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
python 五子棋如何获得鼠标点击坐标
2019/11/04 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
美国最大的珠宝商之一:Littman Jewelers
2016/11/13 全球购物
新闻学专业应届生求职信
2013/11/08 职场文书
关于逃课的检讨书
2014/01/23 职场文书
一名老师的自我评价
2014/02/07 职场文书
2014年小班元旦活动方案
2014/02/16 职场文书
星级党支部申报材料
2014/05/31 职场文书
五一促销活动总结
2014/07/01 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
英文版辞职信
2015/02/28 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS