如何创建子控制器 Angular Js

Question

define([], function() {
    function myCtrl($scope,$http) 
    {
        $scope.test = "Course Man";

    }
    myCtrl.$inject=['$scope','$http'];
    return myCtrl;
});

每个控制器都有单独的文件，并在需要时延迟加载。它们在 application.js 中有相应的条目。

现在的问题是：

我需要 2-3 个子控制器都链接到一个父控制器.. 并且都在一个文件中.. 以便可以加载它们..

---

试过了：

  define([], function() {
        function myCtrl($scope,$http) 
        {
            $scope.test = "Course Man";

        }

       function myCtrl1($scope,$http){};

        myCtrl.$inject=['$scope','$http'];
        return myCtrl;
    });

但是，似乎没有工作。

更新----

父母 --

 define([], function() {
        function myCtrl($scope,$http) 
        {
            $scope.test = "Course Man";

        }
        myCtrl.$inject=['$scope','$http'];
        return myCtrl;
    });

使用另一个控制器：

define([], function() {
    function myCtrl($scope,$http) 
    {
        $scope.test = "Course Man";

    }
    return myCtrl;
});

function myCtrl1($scope,$http){

};

这行得通..不确定他们是否有父子关系...困惑！

Answer 1

你可以走另一条路。

可以扩展一个控制器或使单个控制器成为多个控制器的混合。

module.controller('CtrlChild', ['$scope', '$controller', function ($scope, $controller) {
    // Initialize the super class and extend it.
    angular.extend(this, $controller('CtrlParent', {$scope: $scope}));
    … Additional extensions to create a mixin.
}]);