Use Case

使用路由提供程序，在解析中返回 $promise 将避免 UI 加载后弹出数据。但是，我在处理两个不同的资源调用并将其作为单个数组返回时遇到问题。

目前的实施

当前的实现有效，但要求控制器需要两个资源。

var app = angular.module('app', []);

app.config(function($routeProvider) {
  $routeProvider
    .when('/resource/:id', {
      templateUrl: 'partials/resource.html',
      controller: ResourceController,
      resolve: {
        parentResource: function($route, SingleResource) {
          return SingleResource.get({ id: $route.current.params.id }).$promise;
        },
        childResources: function($route, ChildResource) {
          return ChildResource.get({ id: $route.current.params.id }).$promise;
        }
      }
  });
 });

但是，我想做的是提供ResourceController使用单个数组Resource这是一个由以下组成的数组parentResource and childResource其中数组中的第 0 项是parentResource.

Idea

这就是我的想法，但我不知道在解析中返回什么？如果我返回结果，路线将更改并传递一个空数组。

var app = angular.module('app', []);

app.config(function($routeProvider) {
  $routeProvider
    .when('/resource/:id', {
      templateUrl: 'partials/resource.html',
      controller: ResourceController,
      resolve: {
        Resource: function($route, SingleResource) {
          var resources = [];
          SingleResource.get({ id: $route.current.params.id })
            .$promise.then(function(parent)
                             { resources.splice(0, 0, parent); })
                     .catch(function(error) { alert('error!'); })
          ChildResource.get({ id: $route.current.params.id })
            .$promise.then(function(children) 
                             { resources = resources .concat(children); })
                     .catch(function(error) { alert('error!'); })

          return ???? // Can I return a $promise here?
        }
      }
  });
});

Question

我如何获得我的 ResourceController 签名 我们的想法是让控制器具有以下签名：

var ResourceController = function($scope, parentResource, childResources) { ... }

to

var ResourceController = function($scope, resources) { ... }

通过返回 $promise？

您可以使用 $q.all 返回承诺数组

var resources = [];

resources.push(SingleResource.get({ id: $route.current.params.id }).$promise);
resources.push(ChildResource.get({ id: $route.current.params.id }).$promise);

return $q.all(resources) // You return an array of promises