AngularJS Interceptor TypeError: Tanımlanmamış

Question

'un 'üstbilgileri' özelliği okunamıyor Bu bir Hata alıp, bir AJAX Döndürücü yükleme kodunu uygulamaya çalışırken bilinmeyen nedenlerle alıyorum.

Başlığın nerede tanımlanması gerektiğini anlamıyorum. console.log(config) yaptım ama orada headers: accept: text/html değerini görebiliyorum. Eğer (daha iyi kod okunabilirliği için hizmette $ rootScope sarma) önleyicilerin kullanarak bir değer değiştirici nasıl uygulanacağı konusunda tam bir örnek var Burada

/** 
* Spinner Service 
*/ 

//Spinner Constants 
diary.constant('START_REQUEST','START_REQUEST'); 
diary.constant('END_REQUEST','END_REQUEST'); 

//Register the interceptor service 
diary.factory('ajaxInterceptor', ['$injector','START_REQUEST', 'END_REQUEST', function ($injector, START_REQUEST, END_REQUEST) { 
    var $http, 
    $rootScope, 
    myAjaxInterceptor = { 
     request: function (config) { 
      $http = $http || $injector.get('$http'); 
      if ($http.pendingRequests.length < 1) { 
       console.log(config); 
       $rootScope = $rootScope || $injector.get('$rootScope'); 
       $rootScope.$broadcast(START_REQUEST); 
      } 
     } 
    }; 

    return myAjaxInterceptor; 
}]); 

diary.config(['$httpProvider', function ($httpProvider) { 
    $httpProvider.interceptors.push('ajaxInterceptor'); 
}]); 

Answer 1

:

Aşağıda benim Kod olduğunu.

http://lemoncode.net/2013/07/31/angularjs-found-great-solution-to-display-ajax-spinner-loading-widget/

Sizin de belirttiğiniz gibi, bu itiraz edildi, (iç kodu basitleştirilmiş) kullanıyorum şimdiki yapı (I yazı güncellemek için var). Ben en iyi bir plunker başlamak olabileceğini düşünüyorum, belki de tou uyguladıklarını yolu ile ilgisi yoktur

myapp.factory('httpInterceptor', ['$q', '$injector', 
    function ($q, $injector) { 

    return { 
     'request': function(config) { 
     // request your $rootscope messaging should be here? 
     return config; 
     }, 

    'requestError': function(rejection) { 
     // request error your $rootscope messagin should be here? 
     return $q.reject(rejection); 
     }, 


     'response': function(response) { 
     // response your $rootscope messagin should be here? 

     return response; 
     }, 

    'responseError': function(rejection) { 
     // response error your $rootscope messagin should be here? 

     return $q.reject(rejection); 

     } 
    }; 
    } 
]); 

Answer 2

(Bana bir tohum plunkr arama yapması) Ben çözüm buldum.

Bir önleme tam olarak senin (https://docs.angularjs.org/api/ng/service/$http#interceptors)

kısaltmak için gibi bir önleme yakalayacağım, yapılandırma aynı tanımlanmış ve bunu iade etmek zorunda olan bir angularjs proje kapsamında aynı sorunu yaşadım. Ve sen unuttun.

Yani şöyle olacaktır: on

request: function (config) { 
    $http = $http || $injector.get('$http'); 
    if ($http.pendingRequests.length < 1) { 
     $rootScope = $rootScope || $injector.get('$rootScope'); 
     $rootScope.$broadcast(START_REQUEST); 
    } 
    return config; 
}