Как ввести контроллер в другой контроллер в AngularJS

Я бы предложил вопрос, который вы должны задать, - это как вводить службы в контроллеры. Тучные обслуживания с тощими регуляторами хорошее эмпирическое правило, ака как раз используют регуляторы для того чтобы склеить ваши обслуживание/фабрику (с логикой дела) в ваши взгляды.

контроллеры собирают мусор при изменении маршрута, поэтому, например, если вы используете контроллеры для хранения бизнес-логики, которая отображает значение, вы потеряете состояние на двух страницах, если пользователь приложения щелкнет браузер назад кнопка.

var app = angular.module("testApp", ['']);

app.factory('methodFactory', function () {
    return { myMethod: function () {
            console.log("methodFactory - myMethod");
    };
};

app.controller('TestCtrl1', ['$scope', 'methodFactory', function ($scope,methodFactory) {  //Comma was missing here.Now it is corrected.
    $scope.mymethod1 = methodFactory.myMethod();
}]);

app.controller('TestCtrl2', ['$scope', 'methodFactory', function ($scope, methodFactory) {
    $scope.mymethod2 = methodFactory.myMethod();
}]);

вот работает демонстрация завода, введенного в два контроллера

кроме того, я бы предложил иметь прочитайте этот учебник по услугам / фабрикам.

нет необходимости импортировать / вводить контроллер в JS. Вы можете просто ввести контроллер / вложенный контроллер через HTML.У меня получилось. Например:

<div ng-controller="TestCtrl1">
    <div ng-controller="TestCtrl2">
      <!-- your code--> 
    </div> 
</div>

<div ng-controller="TestCtrl1">
    <div ng-controller="TestCtrl2">
      <!-- your code--> 
    </div> 
</div>

это лучше всего работает в моем случае, где TestCtrl2 имеет свои собственные директивы.

var testCtrl2 = $controller('TestCtrl2')

Это дает мне ошибку, говоря об ошибке инъекции scopeProvider.

   var testCtrl1ViewModel = $scope.$new();
   $controller('TestCtrl1',{$scope : testCtrl1ViewModel });
   testCtrl1ViewModel.myMethod(); 

это действительно не работает, если у вас есть директивы в 'TestCtrl1', эта директива фактически имеет другую область действия, чем эта, созданная здесь. Вы получаете два экземпляра "TestCtrl1".

лучшее решение:-

angular.module("myapp").controller("frstCtrl",function($scope){$scope.name="Atul Singh";}).controller("secondCtrl",function($scope){angular.extend(this, $controller('frstCtrl', {$scope:$scope}));console.log($scope);})

вы также можете использовать $rootScope чтобы вызвать функцию / метод 1-го контроллера из второго контроллера, как это,

.controller('ctrl1', function($rootScope, $scope) {
     $rootScope.methodOf2ndCtrl();
     //Your code here. 
})

.controller('ctrl2', function($rootScope, $scope) {
     $rootScope.methodOf2ndCtrl = function() {
     //Your code here. 
}
})

используйте typescript для вашего кодирования, потому что это объектно-ориентированный, строго типизированный и простой в обслуживании код ...

для получения дополнительной информации о typescipt нажмите здесь

вот один простой пример, который я создал для обмена данными между двумя контроллерами с помощью Typescript...

module Demo {
//create only one module for single Applicaiton
angular.module('app', []);
//Create a searvie to share the data
export class CommonService {
    sharedData: any;
    constructor() {
        this.sharedData = "send this data to Controller";
    }
}
//add Service to module app
angular.module('app').service('CommonService', CommonService);

//Create One controller for one purpose
export class FirstController {
    dataInCtrl1: any;
    //Don't forget to inject service to access data from service
    static $inject = ['CommonService']
    constructor(private commonService: CommonService) { }
    public getDataFromService() {
        this.dataInCtrl1 = this.commonService.sharedData;
    }
}
//add controller to module app
angular.module('app').controller('FirstController', FirstController);
export class SecondController {
    dataInCtrl2: any;
    static $inject = ['CommonService']
    constructor(private commonService: CommonService) { }
    public getDataFromService() {
        this.dataInCtrl2 = this.commonService.sharedData;
    }
}
angular.module('app').controller('SecondController', SecondController);

}