在 $stateProvider.state 中分配多个控制器

对于高级角度用户来说，这可能是一个简单的问题，但我没有在某个地方找到这个问题得到很好的解释。

所以我正在重构我的代码，当我意识到一个视图中有两个控制器时，当控制器“ACtrl”由 $stateProvider 绑定并且控制器“BCtrl”由 ng-controller 绑定在视图中时，这不是问题。但是当我尝试在 $stateProvider 中分配它们时，如下所示：

$stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: 'ACtrl', 'BCtrl'
        }
    }
}); 

或者那个：

$stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: 'ACtrl',
            controller: 'BCtrl'
        }
    }
});

这是行不通的。

我知道这将是使控制器的内容达到一个的解决方案，但控制器“ACtrl”也在其他地方使用，所以我必须在其他地方重复一遍。我该如何解决这个问题...

从语法上来说，这是行不通的。这（语法上）可以工作：

$stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: ['ACtrl', 'BCtrl']
        }
    }
}); 

但是 AngularJS 使用ZERO or ONE控制器由DOMElement.

您可以分配CtrlA为您A view :

$stateProvider.state('a.view', {
    url: "/anurl",
    views: {
        'menuContent': {
            templateUrl: "anUrlToMyTemplates",
            controller: 'ACtrl'
        }
    }
}); 

进而into your A view :

<div data-ng-controller="BCtrl">
    <!-- your view content -->
</div>

也就是说，出于代码设计的目的，正确的方法是将两个控制器的操作合并到一个中，如果它们必须控制相同的模板元素。如果它们控制模板的不同部分，请对一个部分使用一个控制器，或对整个视图使用一个控制器，对特定部分使用另一个控制器：

<!-- your view controlled by ACtrl configured in route provider -->
<div> 
    <!-- your view content, part A -->

    <div data-ng-controller="BCtrl">
        <!-- your view content, part B -->
    </div>
</div>