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 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
jQuery 源码分析笔记(3) Deferred机制
Jun 19 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
Angular 中 select指令用法详解
Sep 29 Javascript
小程序指纹验证的实现代码
Dec 04 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 Javascript
vue中@change兼容问题详解
Oct 25 Javascript
JavaScript实现动态留言板
Mar 16 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 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
yii框架中的Url生产问题小结
2012/01/16 PHP
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
js中eval详解
2012/03/30 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
2013/06/21 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
js实现select组件的选择输入过滤代码
2014/10/14 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
详解JS函数stack size计算方法
2018/06/18 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
[01:13]这,就是刀塔
2014/07/16 DOTA
python中的yield使用方法
2014/02/11 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
python aiohttp的使用详解
2019/06/20 Python
python 缺失值处理的方法(Imputation)
2019/07/02 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
Python类的继承super相关原理解析
2020/10/22 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
个人自我鉴定范文
2013/10/04 职场文书
大学同学聚会邀请函
2014/01/19 职场文书
腾讯广告词
2014/03/19 职场文书
保险内勤岗位职责
2014/04/05 职场文书
市场营销调查计划书
2014/05/02 职场文书
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
党员评议思想汇报
2014/10/08 职场文书
销售助理岗位职责
2015/02/11 职场文书
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技