AngularJS UI路由器在子状态之前等待父状态解析

时间:2019-04-16 00:05:03

标签: angularjs angular-ui-router

在解析子状态数据之前,我有一条父路线需要完成解析。当前,子状态正在独立解决。

在下面的代码中,我不希望在子状态下解析组织(并初始化控制器),直到将rpe解析为父状态为止。

在过去的几个小时里一直在看这个,但似乎无法弄清楚。不胜感激!

包裹信息:

p.xaxis.bounds

代码如下:

ui-router: 1.0.0-beta.1
angular: 1.5.9

1 个答案:

答案 0 :(得分:0)

您是否尝试将父级解析作为对子级状态的依赖项注入?像这样:

.state('app', {
  url: '/app',
  abstract: true,
  template: '<app layout="row" flex></app>',
  resolve: {
    // other resolves
    rpe: ['authUser', 'RPEService',
      function (authUser, RPEService) {
        return RPEService.init();
      }
    ]
  }
})
.state('app.dashboard', {
  url: '/dashboard/?supportchat',
  template: '<dashboard flex organization="$resolve.organization"></dashboard>',
  data: {
    title: 'Dashboard',
    hideBack: true
  },
  resolve: {
    organization: ['OrganizationService', 'AuthService', 'rpe', function (OrganizationService, AuthService, rpe) {
      return OrganizationService.find(AuthService.user.organization_id).then(response => {
        return response.data;
      });
    }]
  }
})