Improve this Doc View Source $provide

  1. service in module auto

Overview

The $provide service has a number of methods for registering components with the $injector. Many of these functions are also exposed on angular.Module.

An AngularJS service is a singleton object created by a service factory. These service factories are functions which, in turn, are created by a service provider. The service providers are constructor functions. When instantiated they must contain a property called $get, which holds the service factory function.

When you request a service, the $injector is responsible for finding the correct service provider, instantiating it and then calling its $get service factory function to get the instance of the service.

Often services have no configuration options and there is no need to add methods to the service provider. The provider will be no more than a constructor function with a $get property. For these cases the $provide service has additional helper methods to register services without specifying a provider.

  • provider(name, provider) - registers a service provider with the $injector
  • constant(name, obj) - registers a value/object that can be accessed by providers and services.
  • value(name, obj) - registers a value/object that can only be accessed by services, not providers.
  • factory(name, fn) - registers a service factory function that will be wrapped in a service provider object, whose $get property will contain the given factory function.
  • service(name, Fn) - registers a constructor function that will be wrapped in a service provider object, whose $get property will instantiate a new object using the given constructor function.
  • decorator(name, decorFn) - registers a decorator function that will be able to modify or replace the implementation of another service.

See the individual methods for more information and examples.

Methods

  • provider(name, provider);

    Register a provider function with the $injector. Provider functions are constructor functions, whose instances are responsible for "providing" a factory for a service.

    Service provider names start with the name of the service they provide followed by Provider. For example, the $log service has a provider called $logProvider.

    Service provider objects can have additional methods which allow configuration of the provider and its service. Importantly, you can configure what kind of service is created by the $get method, or how that service will act. For example, the $logProvider has a method debugEnabled which lets you specify whether the $log service will log debug messages to the console or not.

    It is possible to inject other providers into the provider function, but the injected provider must have been defined before the one that requires it.

    Parameters

    Param Type Details
    name string

    The name of the instance. NOTE: the provider will be available under name + 'Provider' key.

    provider Objectfunction()

    If the provider is:

    • Object: then it should have a $get method. The $get method will be invoked using $injector.invoke() when an instance needs to be created.
    • Constructor: a new instance of the provider will be created using $injector.instantiate(), then treated as object.

    Returns

    Object

    registered provider instance

    Example

    The following example shows how to create a simple event tracking service and register it using $provide.provider().

    // Define the eventTracker provider
    function EventTrackerProvider() {
      var trackingUrl = '/track';
    
      // A provider method for configuring where the tracked events should been saved
      this.setTrackingUrl = function(url) {
        trackingUrl = url;
      };
    
      // The service factory function
      this.$get = ['$http', function($http) {
        var trackedEvents = {};
        return {
          // Call this to track an event
          event: function(event) {
            var count = trackedEvents[event] || 0;
            count += 1;
            trackedEvents[event] = count;
            return count;
          },
          // Call this to save the tracked events to the trackingUrl
          save: function() {
            $http.post(trackingUrl, trackedEvents);
          }
        };
      }];
    }
    
    describe('eventTracker', function() {
      var postSpy;
    
      beforeEach(module(function($provide) {
        // Register the eventTracker provider
        $provide.provider('eventTracker', EventTrackerProvider);
      }));
    
      beforeEach(module(function(eventTrackerProvider) {
        // Configure eventTracker provider
        eventTrackerProvider.setTrackingUrl('/custom-track');
      }));
    
      it('tracks events', inject(function(eventTracker) {
        expect(eventTracker.event('login')).toEqual(1);
        expect(eventTracker.event('login')).toEqual(2);
      }));
    
      it('saves to the tracking url', inject(function(eventTracker, $http) {
        postSpy = spyOn($http, 'post');
        eventTracker.event('login');
        eventTracker.save();
        expect(postSpy).toHaveBeenCalled();
        expect(postSpy.mostRecentCall.args[0]).not.toEqual('/track');
        expect(postSpy.mostRecentCall.args[0]).toEqual('/custom-track');
        expect(postSpy.mostRecentCall.args[1]).toEqual({ 'login': 1 });
      }));
    });
    
  • factory(name, $getFn);

    Register a service factory, which will be called to return the service instance. This is short for registering a service where its provider consists of only a $get property, which is the given service factory function. You should use $provide.factory(getFn) if you do not need to configure your service in a provider.

    Parameters

    Param Type Details
    name string

    The name of the instance.

    $getFn function()Array.<(string|function())>

    The injectable $getFn for the instance creation. Internally this is a short hand for $provide.provider(name, {$get: $getFn}).

    Returns

    Object

    registered provider instance

    Example

    Here is an example of registering a service

    $provide.factory('ping', ['$http', function($http) {
      return function ping() {
        return $http.send('/ping');
      };
    }]);
    

    You would then inject and use this service like this:

    someModule.controller('Ctrl', ['ping', function(ping) {
      ping();
    }]);
    
  • service(name, constructor);

    Register a service constructor, which will be invoked with new to create the service instance. This is short for registering a service where its provider's $get property is a factory function that returns an instance instantiated by the injector from the service constructor function.

    Internally it looks a bit like this:

    {
      $get: function() {
        return $injector.instantiate(constructor);
      }
    }
    

    You should use $provide.service(class) if you define your service as a type/class.

    Parameters

    Param Type Details
    name string

    The name of the instance.

    constructor function()Array.<(string|function())>

    An injectable class (constructor function) that will be instantiated.

    Returns

    Object

    registered provider instance

    Example

    Here is an example of registering a service using $provide.service(class).

    var Ping = function($http) {
      this.$http = $http;
    };
    
    Ping.$inject = ['$http'];
    
    Ping.prototype.send = function() {
      return this.$http.get('/ping');
    };
    $provide.service('ping', Ping);
    

    You would then inject and use this service like this:

    someModule.controller('Ctrl', ['ping', function(ping) {
      ping.send();
    }]);
    
  • value(name, value);

    Register a value service with the $injector, such as a string, a number, an array, an object or a function. This is short for registering a service where its provider's $get property is a factory function that takes no arguments and returns the value service. That also means it is not possible to inject other services into a value service.

    Value services are similar to constant services, except that they cannot be injected into a module configuration function (see angular.Module) but they can be overridden by an AngularJS decorator.

    Parameters

    Param Type Details
    name string

    The name of the instance.

    value *

    The value.

    Returns

    Object

    registered provider instance

    Example

    Here are some examples of creating value services.

    $provide.value('ADMIN_USER', 'admin');
    
    $provide.value('RoleLookup', { admin: 0, writer: 1, reader: 2 });
    
    $provide.value('halfOf', function(value) {
      return value / 2;
    });
    
  • constant(name, value);

    Register a constant service with the $injector, such as a string, a number, an array, an object or a function. Like the value, it is not possible to inject other services into a constant.

    But unlike value, a constant can be injected into a module configuration function (see angular.Module) and it cannot be overridden by an AngularJS decorator.

    Parameters

    Param Type Details
    name string

    The name of the constant.

    value *

    The constant value.

    Returns

    Object

    registered instance

    Example

    Here a some examples of creating constants:

    $provide.constant('SHARD_HEIGHT', 306);
    
    $provide.constant('MY_COLOURS', ['red', 'blue', 'grey']);
    
    $provide.constant('double', function(value) {
      return value * 2;
    });
    
  • decorator(name, decorator);

    Register a decorator function with the $injector. A decorator function intercepts the creation of a service, allowing it to override or modify the behavior of the service. The return value of the decorator function may be the original service, or a new service that replaces (or wraps and delegates to) the original service.

    You can find out more about using decorators in the decorators guide.

    Parameters

    Param Type Details
    name string

    The name of the service to decorate.

    decorator function()Array.<(string|function())>

    This function will be invoked when the service needs to be provided and should return the decorated service instance. The function is called using the injector.invoke method and is therefore fully injectable. Local injection arguments:

    • $delegate - The original service instance, which can be replaced, monkey patched, configured, decorated or delegated to.

    Example

    Here we decorate the $log service to convert warnings to errors by intercepting calls to $log.warn().

    $provide.decorator('$log', ['$delegate', function($delegate) {
      $delegate.warn = $delegate.error;
      return $delegate;
    }]);
    

© 2010–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/auto/service/$provide