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 相关文章推荐
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
jQuery animate easing使用方法图文详解
Jun 17 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
解决vue项目使用font-awesome,build后路径的问题
Sep 01 Javascript
ES6 如何改变JS内置行为的代理与反射
Feb 11 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
Vue-CLI与Vuex使用方法实例分析
Jan 06 Javascript
详解node.js 事件循环
Jul 22 Javascript
SSM VUE Axios详解
Oct 05 Vue.js
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+mysql保存和输出文件
2006/10/09 PHP
php比较相似字符串的方法
2015/06/05 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
优化Node.js Web应用运行速度的10个技巧
2014/09/03 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
2014/12/05 Javascript
浅谈重写window对象的方法
2014/12/29 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
2015/06/10 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
JavaScript 闭包的使用场景
2020/09/17 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
python中enumerate的用法实例解析
2014/08/18 Python
Python简单获取自身外网IP的方法
2016/09/18 Python
解决pycharm 安装numpy失败的问题
2019/12/05 Python
pytorch forward两个参数实例
2020/01/17 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
Canvas 文字碰撞检测并抽稀的方法
2019/05/27 HTML / CSS
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
2014/09/15 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
幸福家庭事迹材料
2014/02/03 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
补充协议书范本
2014/04/23 职场文书
班主任工作经验交流会总结
2015/11/02 职场文书