如何在视图（或 multi-views 的子视图）中使用多个 angularjs 的控制器？

Question

如标​​题所示，我想在一些 sub-view

中使用多个控制器

routes.js（例如）：

.state("multi",{
            url: "/multi",
            views: {
                "": {
                    templateUrl: "multipleView.htm",
                    controller: "MainCTRL",
                    controllerAs: "ctrl"
                },
                "viewA@multi": {
                    templateUrl: "testingBlock.htm",
                    controller: ["CtrlOne", "CtrlTwo"],
                    controllerAs: "ctrl"
                },
            });

或者我应该将 CtrlOne 和 CtrlTwo 放在第三个控制器中：

function CtrlThree($scope){
         CtrlOne($scope);
         CtrlOTwo($scope);
}

Answer 1

为什么不将控制器放在视图中，而不是在 routeProvider 上指定它。

控制器是否也有层次结构，还是您希望它们都在同一级别上工作。

我上面提到的例子。

<div ng-controller="CtrlOne"> <div ng-controller="CtrlTwo"></div> </div>

这将是 "multipleView.htm" 文件中的 html。