estou com o problema de dependência circular http no angular.
Já vi outras perguntas com assunto semelhantes, mas das formas que tentei não consegui ainda resolver o problema..
Meu Código:
var app = angular.module("app", [ "ngRoute", "ngResource", "toastr", "ngStorage" ]); app.factory( "AuthService", AuthService ); app.factory( "AuthInterceptor", AuthInterceptor ); app.config(["$httpProvider", function( $httpProvider){ $httpProvider.interceptors.push("AuthInterceptor"); }]); app.run(function ($rootScope, $location, AuthService) { $rootScope.$on('$routeChangeStart', function (event, next, current) { if (!AuthService.getToken()) { $rootScope.$evalAsync(function () { $location.path('/signin'); }) } }); }); function AuthService($localStorage, $http, $q) { return { getToken : function () { return $localStorage.token; }, setToken: function (token) { $localStorage.token = token; }, login : function (data) { $http.post(URL+"user/login", data); }, logout : function (data) { delete $localStorage.token; $q.when(); } }; } function AuthInterceptor($location, AuthService, $q ) { return { request: function(config) { config.headers = config.headers || {}; if (AuthService.getToken()) { config.headers['Authorization'] = 'Bearer ' + AuthService.getToken(); } return config; }, responseError: function(response) { if (response.status === 401 || response.status === 403) { $location.path('/signin'); } return $q.reject(response); } } }
Quando executo esse erro é apresentado,
[$injector:cdep] Circular dependency found: $http <- AuthService <- AuthInterceptor <- $http <- $templateRequest <- $route
O AuthInterceptor precisa do AuthService para configurar o header da requisição, acho que internamente ele utiliza o $http, isso justifica o erro de dependência circular.. porém eu preciso do service $http no AuthService, para realizar as requisições de Login e Logout...
Alguém pode me ajudar?