AngularJS: Inject controller inside another controller from the same module

javascript angularjs dependency-injection angularjs-scope angularjs-controller
Joseph Freeman picture Joseph Freeman · Apr 28, 2015 · Viewed 30.8k times · Source

Is possible to inject a controller into another controller that is part of the same module?

example:

I keep getting unknown provider on controllerOne. I don't see how that's possible since they coexist in the same module. Any help would be much appreciated.

Answer

Pankaj Parkar picture Pankaj Parkar · Apr 28, 2015

You need to use $controller dependency by using that you can inject one controller to another

.controller('controllerTwo', ['$scope', '$controller', function($scope, $controller){
  $controller('controllerOne', {$scope: $scope})
  //inside scope you the controllerOne scope will available
}]);

But do prefer service/factory to share data

Related questions

Angularjs minify best practice

I'm reading http://www.alexrothenberg.com/2013/02/11/the-magic-behind-angularjs-dependency-injection.html and it turned out that angularjs dependency injection has problems if you minify your javascript so I'm wondering if instead of var MyController = function($scope, $http) { $http.get('https://api.github.com/…

Read More
AngularJS seed: putting JavaScript into separate files (app.js, controllers.js, directives.js, filters.js, services.js)

I'm using the angular-seed template to structure my application. Initially I put all my JavaScript code into a single file, main.js. This file contained my module declaration, controllers, directives, filters, and services. The application works fine like this, but …

Read More
I don't understand the use of $inject in controllers

I am totally confused about inject in Angular. I do not know where to use it and why. Is it only used with factory as described here? myController.$inject = ['$scope','notify']; Here notify is the name of the factory.

Read More