禁止/启用angularjs相关缓存的方法-优快云博客

本文介绍如何解决AngularJS UI-Router中重复点击不重新加载的问题。提供了四种方法：通过ui-sref添加reload属性、使用$state.go并设置reload参数、在service中关闭缓存、在router中配置cache属性。

2019独角兽企业重金招聘Python工程师标准>>>

问题描述：

angularJS的UI-Router只有第一次点击才激活路由加载页面，再次点击就没用了，怎么实现每次点击都激活加载路由一次？

解决方案：

（1）如果是通过ui-sref方式。方法如下：

为链接加上reload属性
<a ui-sref="xxxx" ui-sref-opts="{reload:true}">xxxx</a>

（2）如果是使用$state.go方式。方法如下：

$state.go('state1', {}, {reload: true});

（3）如果想在service中。关闭缓存方法如下：

        api.getMenusByPid = function(pid){
            var url = "xxxx/"+pid;
            return $http({
                method:"GET",
                url:url,
                cache:false,
                headers: {'Content-Type': 'application/x-www-form-urlencoded'}
            })
        }

（4）在router中也可以添加缓存，但经测试效果不大。方法如下：

            .state('app.table.menus', {
                  url: '/menus?lineId',
                  templateUrl: 'jsp/tpl/page_menus.jsp',
                  controller:'MenuCtrl',
                  cache:'false', 
                  resolve: {
                      deps: ['uiLoad',
                        function( uiLoad ){
                          return uiLoad.load( ['resources/js/controllers/menu.js'] );
                      }]
                  }
              })

当然，如果想启用缓存，可参考以上方法，将true改为false即可。

转载于:https://my.oschina.net/u/2391658/blog/787451