Angular $injector vs angular dependency injection

Question

I am pretty new to Angular. I see there is a thing called $injector whose function, get, I can use to get a specific service. For example:

app.factory('$myService', function($injector) {
   return { ...
            var http = $injector.get('$http');
            ....
   }
}

I will get the $http service of Angular to the variable http.

In other examples I see something like

app.factory('$myService', function($http) {
    return {...}

This also inject the $http service into the factory.

Is there a difference between the two? When should I use this or that?

Thank You!

See "What's the difference between the Dependency Injection and Service Locator patterns?" - Angular's constructor injection is an example of the former, and $injector is an example of the latter. You're better off using constructor injection unless you have a very good reason not to. — Joe Clay
– Joe Clay, Commented Jan 18, 2017 at 16:18
@NikolaiJakov Can you accept an answer if your issue is solved? :) — Mistalis
– Mistalis, Commented Jan 23, 2017 at 7:53

Mistalis · Accepted Answer · 2017-01-18 16:21:10Z

2

Is it the same, use the one you prefer.

In my opinion, injecting directly your dependencies (here it is $http) is better for readability.

Note that you can also use the $inject annotation:

someModule.controller('MyController', MyController);
MyController.$inject = ['$http'];

var MyController = function($http) {
    // ...
}

answered Jan 18, 2017 at 16:21

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Harris · Accepted Answer · 2017-01-18 16:49:48Z

They're largely the same, but how you can use them differs. In a typical controller that you know the requirements for ahead of time, it's typically better to do parameter-based injection:

var controller = ['$http', function($http){ /* Controller stuff here */ }];

However, if you're doing something more complex and you don't know all of the dependencies you might have (e.g. Creating a sub-framework that allows users to specify dependencies), you may want to be able to programmatically inject your dependencies with $injector:

var controller = ['$scope','$injector', function($scope, $injector){
    $scope.dependencies = [];
    $scope.injectFromString = function(dependency){
        $scope.dependencies.push($injector.get(dependency));
    };
}];`

Collectives™ on Stack Overflow

Angular $injector vs angular dependency injection

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related