javascript - Angular: Mixing provider and custom service in module's configrun - Stack Overflow

admin管理员组

文章数量:1324648

I'd like to do somtehing like that:

angular.module('app', []).config(
  [ '$httpProvider', 'customAuthService',
    ($httpProvider, customAuthService) ->
      $httpProvider.defaults.transformRequest.push (data) ->
        if customAuthService.isLoggedIn
          data['api_key'] = {token: @token}
  ])

According to Angularjs doc, I can't do it in the config block of my module, because custom services are not allowed there, nor can I do it in the run block, because providers like $httpProvider aren't allowed there:

Configuration blocks - get executed during the provider registrations and configuration phase. Only providers and constants can be injected into configuration blocks. This is to prevent accidental instantiation of services before they have been fully configured.

Run blocks - get executed after the injector is created and are used to kickstart the application. Only instances and constants can be injected into run blocks. This is to prevent further system configuration during application run time.

How can I do to add some configuration in my $httpProvider that relies on a home-made service ?

I'd like to do somtehing like that:

angular.module('app', []).config(
  [ '$httpProvider', 'customAuthService',
    ($httpProvider, customAuthService) ->
      $httpProvider.defaults.transformRequest.push (data) ->
        if customAuthService.isLoggedIn
          data['api_key'] = {token: @token}
  ])

According to Angularjs doc, I can't do it in the config block of my module, because custom services are not allowed there, nor can I do it in the run block, because providers like $httpProvider aren't allowed there:

Configuration blocks - get executed during the provider registrations and configuration phase. Only providers and constants can be injected into configuration blocks. This is to prevent accidental instantiation of services before they have been fully configured.

Run blocks - get executed after the injector is created and are used to kickstart the application. Only instances and constants can be injected into run blocks. This is to prevent further system configuration during application run time.

How can I do to add some configuration in my $httpProvider that relies on a home-made service ?

• javascript
• angularjs
• angularjs-service

Share Improve this question Follow edited Jun 20, 2020 at 9:12 CommunityBot 111 silver badge asked May 7, 2013 at 3:32 ejoubaudejoubaud 5,24166 gold badges3838 silver badges4242 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

It is always possible to get an injector and then the instance of the service inside the callback function ('service locator' style as opposed to having the dependency injected in the config function).

I guess is ok for exceptional cases, although not pretty to use it extensively.

.config([ '$httpProvider', function($httpProvider)  {
    $httpProvider.defaults.transformRequest.push(function(data) {

        var $injector = angular.injector(['app']);
        var customAuthService = $injector.get('customAuthService');

        // ...
      });
  }])

But, instead of doing that...

Have you looked at Response interceptors in the $http documentation?

It looks better suited for authentication purpouses and you can get the service injected there.

You can inject it to functions inside of your config as far as I know. I use something similar to intercept requests if they aren't logged in using my auth service.

.config(['$httpProvider',function ($httpProvider) {
    var authRequest= ['customAuthService', function(customAuthService) {
       if(customAuthService.isLoggedIn){
           data['api_key'] = {token: @token};
       }  
    }];
    $httpProvider.defaults.transformRequest.push(authRequest);
}]);

本文标签： javascriptAngular Mixing provider and custom service in module39s configrunStack Overflow