我在angularjs spa中有以下工厂定义:
(function () {
'use strict';
angular.module('snApp')
.factory('Auth', ['$http', 'localStorageService', function ($http, localStorageService) {
//code goes here
}]);
})();
然后在我的应用程序配置中,我有以下http拦截器设置:
var app = angular.module('snApp', ['ui.router', 'LocalStorageModule', ])
.config(['$logProvider', '$stateProvider', '$urlRouterProvider', '$httpProvider', '$provide', function ($logProvider, $stateProvider, $urlRouterProvider, $httpProvider, $provide) {
// Intercept http calls.
$provide.factory('RequestHttpInterceptor', function ($q, Auth) {
return {
// On request success
request: function ($config) {
if (Auth.user) {
$config.headers['XToken'] = Auth.user.token;
}
return $config;
}
};
});
// Add the interceptor to the $httpProvider.
$httpProvider.interceptors.push('RequestHttpInterceptor');
}]);
当我运行应用程序时,我收到以下错误:
未捕获的错误:[$injector:cdep]
我认为它与我的Auth中的$http有关,因为如果我删除它然后它可以工作,但我需要它!
如果有人可以帮助我理解我做错了什么,那就太棒了!
解决方法:
好的,我明白了.由于它是一个http拦截器,angular不喜欢你将$http传递给你的工厂的事实 – 这是有道理的,因为如果你在http拦截器中调用$http它将调用拦截器,它将调用$http获得这种无限循环等等.
幸运的是,我只需要工厂中的一个属性,所以我从Auth工厂中提取出来,因此不需要$http.还有其他方法可以做到,但这对我来说是最好的解决方案.