View source Improve this doc

$injector

service in module AUTO

Description

$injector is used to retrieve object instances as defined by provider, instantiate types, invoke methods, and load modules.

The following always holds true:

  1. var $injector = angular.injector();
  2. expect($injector.get('$injector')).toBe($injector);
  3. expect($injector.invoke(function($injector){
  4. return $injector;
  5. }).toBe($injector);

Injection Function Annotation

JavaScript does not have annotations, and annotations are needed for dependency injection. The following are all valid ways of annotating function with injection arguments and are equivalent.

  1. // inferred (only works if code not minified/obfuscated)
  2. $injector.invoke(function(serviceA){});
  3.  
  4. // annotated
  5. function explicit(serviceA) {};
  6. explicit.$inject = ['serviceA'];
  7. $injector.invoke(explicit);
  8.  
  9. // inline
  10. $injector.invoke(['serviceA', function(serviceA){}]);

Inference

In JavaScript calling toString() on a function returns the function definition. The definition can then be parsed and the function arguments can be extracted. NOTE: This does not work with minification, and obfuscation tools since these tools change the argument names.

$inject Annotation

By adding a $inject property onto a function the injection parameters can be specified.

Inline

As an array of injection names, where the last item in the array is the function to call.

Methods

  • annotate(fn)

Returns an array of service names which the function is requesting for injection. This API is used by the injector to determine which services need to be injected into the function when the function is invoked. There are three ways in which the function can be annotated with the needed dependencies.

Argument names

The simplest form is to extract the dependencies from the arguments of the function. This is done by converting the function into a string using toString() method and extracting the argument names.

  1. // Given
  2. function MyController($scope, $route) {
  3. // ...
  4. }
  5.  
  6. // Then
  7. expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);

This method does not work with code minification / obfuscation. For this reason the following annotation strategies are supported.

The $inject property

If a function has an $inject property and its value is an array of strings, then the strings represent names of services to be injected into the function.

  1. // Given
  2. var MyController = function(obfuscatedScope, obfuscatedRoute) {
  3. // ...
  4. }
  5. // Define function dependencies
  6. MyController.$inject = ['$scope', '$route'];
  7.  
  8. // Then
  9. expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);

The array notation

It is often desirable to inline Injected functions and that's when setting the $inject property is very inconvenient. In these situations using the array notation to specify the dependencies in a way that survives minification is a better choice:

  1. // We wish to write this (not minification / obfuscation safe)
  2. injector.invoke(function($compile, $rootScope) {
  3. // ...
  4. });
  5.  
  6. // We are forced to write break inlining
  7. var tmpFn = function(obfuscatedCompile, obfuscatedRootScope) {
  8. // ...
  9. };
  10. tmpFn.$inject = ['$compile', '$rootScope'];
  11. injector.invoke(tmpFn);
  12.  
  13. // To better support inline function the inline annotation is supported
  14. injector.invoke(['$compile', '$rootScope', function(obfCompile, obfRootScope) {
  15. // ...
  16. }]);
  17.  
  18. // Therefore
  19. expect(injector.annotate(
  20. ['$compile', '$rootScope', function(obfus_$compile, obfus_$rootScope) {}])
  21. ).toEqual(['$compile', '$rootScope']);
Parameters

ParamTypeDetailsfnfunctionArray.

Function for which dependent service names need to be retrieved as described above.

Returns

Array.

The names of the services which the function requires.

  • get(name)

Return an instance of the service.

Parameters

ParamTypeDetailsnamestring

The name of the instance to retrieve.

Returns

*

The instance.

  • has(Name)

Allows the user to query if the particular service exist.

Parameters

ParamTypeDetailsNamestring

of the service to query.

Returns

boolean

returns true if injector has given service.

  • instantiate(Type, locals)

Create a new instance of JS type. The method takes a constructor function invokes the new operator and supplies all of the arguments to the constructor function as specified by the constructor annotation.

Parameters

ParamTypeDetailsTypefunction

Annotated constructor function.

locals (optional) Object

Optional object. If preset then any argument names are read from this object first, before the $injector is consulted.

Returns

Object

new instance of Type.

  • invoke(fn, self, locals)

Invoke the method and supply the method arguments from the $injector.

Parameters

ParamTypeDetailsfn!function

The function to invoke. Function parameters are injected according to the $inject Annotation rules.

self (optional) Object

The this for the invoked method.

locals (optional) Object

Optional object. If preset then any argument names are read from this object first, before the $injector is consulted.

Returns

*

the value returned by the invoked fn function.