如何创建子控制器Angular Js

Question

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

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

We have separate file for each controller and lazy loaded when required.. They have corresponding entry in application.js.

Now the problem is :

I need 2-3 child controllers all linked to a parent controller.. and all are there in a single file.. so that they can be loaded..

---

Tried :

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

        }

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

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

but, dosen't seems to be working.

UPDATE ----

Parent --

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

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

With another controller :

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

    }
    return myCtrl;
});

function myCtrl1($scope,$http){

};

This is working .. not sure they have parent child relationship or not... confused !

Answer 1

You can go the other way.

it is possible to extend a controller or make a single controller a mixin of multiple controllers.

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.
}]);