angularjs - 刷新子状态视图会导致父状态中的数据丢失

问题描述

我有以下 ui-router 状态.

I have the following ui-router states.

.state('admin.userView', {
  abstract:true,
  url:'/user/:id/',
  templateUrl:'./views/user/view.html',
  controller:'userViewController'
})

.state('admin.userView.home', {
  url:'',
  templateUrl:'./views/user/home.html',
  controller:'userHomeController'
})

我已使用 userViewController 中的 http 资源将用户详细信息提取到 $scope.users.当我进入 admin.userView.home 状态时，我可以访问 $scope.users .但是当我用子状态刷新页面时， $scope.users 中的值丢失了.我怎样才能得到相同的.

I have fetched user details using http resource in userViewController to $scope.users.When i move to the admin.userView.home state, I can access the $scope.users .But when i refresh page with child state, the value in the $scope.users is lost.How can i get the same.

推荐答案

尝试将该数据移动到 admin.userView 状态声明的解析属性中.由于您在此处使用嵌套解析，因此您可以将解析的数据注入 admin.userView.home 状态声明.这是 ui-router 文档的摘录.

Try moving that data into the resolve property of the admin.userView state declaration. Since you're using nested resolves here you can then inject that resolved data into the admin.userView.home state declaration. Here's an excerpt from the ui-router documentation.

$stateProvider.state('parent', {
      resolve:{
         resA:  function(){
            return {'value': 'A'};
         }
      },
      controller: function($scope, resA){
          $scope.resA = resA.value;
      }
   })
   .state('parent.child', {
      resolve:{
         resB: function(resA){
            return {'value': resA.value + 'B'};
         }
      },
      controller: function($scope, resA, resB){
          $scope.resA2 = resA.value;
          $scope.resB = resB.value;
      }

来源

这篇关于angularjs - 刷新子状态视图会导致父状态中的数据丢失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！