分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了angularjs ui-router stateparams页面刷新时看不见丢失，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在进行一个角度项目,我已经设置了我的状态,如下所示.

$stateProvider.state('UserPanel',{
    url: '/user',params: { userId: null },views: {
        'content@': {
            templateUrl: '/AngViews/UserPanel/UserPanel.UserDetails.html'
        }
    }
});

当我导航到视图时,它会使用它的参数,所以这部分正在工作.@H_696_10@

但是当我更新页面时,它失去了参数.
我知道如果我在url变量中定义了参数,它将起作用.但我想让它隐形.@H_696_10@

我找到了像this这样的东西,但不知道它是否能解决我的问题.如果确实如此,它就无法运作.有谁可以解释如何做到这一点？@H_696_10@

谢谢你的时间@H_696_10@

解决方法

我遇到了同样的问题并用这段代码解决了

angular.module('app').run(function($rootScope,$state,localStorageservicE) {

  $rootScope.$on('$stateChangeStart',function(event,toState,toParams,fromState,fromParams) {
   var prefix = "stateParams.";
   var fromStatename = prefix + fromState.name;
   var toStatename = prefix + toState.name;
   var f = true;
   for (var k in toState.params) {
     f = f && (JSON.@R_262_10495@ngify(toParams[k]) == JSON.@R_262_10495@ngify(toState.params[k]));
   }
   if (f && localStorageservice.get(toStateName) != null) {
     event.preventDefault();
     var savedToParams = localStorageservice.get(toStateName); //retrieving toParams from local storage
     localStorageservice.remove(toStateName);
     for (var k in toState.params) {
       toParams[k] = savedToParams[k]; //update only the params {} not url params
     }
     $state.transitionTo(toState,toParams);
   } else {
     var toSave = {};
     for (var k in toState.params) {
       toSave[k] = toParams[k]; //save only the params {} not url params
     }
     localStorageservice.set(toStatename,toSavE);
   }
  });

});