How to inject a factory into a factory?

Question

Angular

I'm trying to write a $http interceptor. And in it, when receiving a response, you must call the method of one factory. It is logical to assume that you need to inject this factory. As a result, this code:

/*global angular*/
(function () {
  'use strict';

  angular
    .module('App')
    .factory('httpErrorResponceInterceptor', ['$rootScope', 
                								  //'authFactory', 
                								  '$log', 
                								  httpErrorResponceInterceptor]);

  httpErrorResponceInterceptor.$inject = ['$rootScope', 
                							//'authFactory', 
                							'$log'];

  /*@ngInject*/
  function httpErrorResponceInterceptor($rootScope, 
                    					  //authFactory, 
                    					  $log) {
    var self = {};

        self.response = function(response) {

            $log.debug('call authFactory.errorResponse');
            //authFactory.errorResponse(response);
            $log.debug('authFactory.errorResponse called');
            return response;

        }

    return self;
  }

})();

authFactory is the same factory. If you uncomment the lines mentioning it, then the application crashes on startup. CHADNT?

Answer 1

You either write dependencies in an array:

.factory('httpErrorResponceInterceptor', ['$rootScope',
     //'authFactory', 
     '$log', 
     httpErrorResponceInterceptor]);

Or via $inject:

httpErrorResponceInterceptor.$inject = ['$rootScope', 
    'authFactory', 
    '$log'];

These are equivalent records, and it is not necessary to write both.
In general, it would be nice to attach a stack trace of the error. Does the factory run on its own?