将已解析的属性注入到抽象父级的控制器中

Question

我已经这样定义了我的 UI-Router 状态：

$stateProvider.state('contact', {
        url: '/contactDemo',
        views: {
            'main': {
                controller: 'contactMainController',
                templateUrl: 'templates/contact.tpl.html'
            }
        }
    }).state('contact.details', {
        abstract: true,
        controller: 'contactDetailsController',
        templateUrl: 'templates/contact.details.tpl.html'
    }).state('contact.details.add', {
        url: '/add'
    }).state('contact.details.filter', {
        url: '/filter/{filterId}'
    }).state('contact.details.filter.record', {
        url: '/record/{recordId}',
        resolve: {
            record: ['$stateParams', 'Restangular', function($stateParams, Restangular) {
                return Restangular.one('records', $stateParams.recordId).get();
            }]
        }
    }).state('contact.details.filter.record.edit', {
        url: '/edit'
    });

现在我想将解析后的record 注入contactDetailsController。如果这样做，我会收到 Unknown provider 错误。我无法将resolve 移动到抽象状态，因为从那里我无法访问$stateParams 中的ID。

如果我将controller 属性向下移动到子状态，我的控制器永远不会被调用。

有人知道我如何将已解析的属性注入到抽象父状态的控制器中吗？

Answer 1

正如 here 所记录的，解析可以被继承。不是从孩子注射到父母。

Inherited Resolved Dependencies

0.2.0 版中的新功能

子状态将从父状态继承已解决的依赖关系，它们可以覆盖。然后，您可以将已解析的依赖项注入控制器并解析子状态的函数。

$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;
      }

简单的解决方案：

1. $stateParam 在 child 中定义
2. 依赖它的resolve应该被注入到parent

不能工作 - 因为一个父母会被许多孩子共享。

父母会留下来，而孩子的参数会有所不同..