angularjs - Angular - 发现循环依赖

Question

我收到上述错误。这是一些简化的代码片段。应用：

app = angular.module('app', ['app.classes', 'ngDialog' .....]);

模块配置：

app.config(
function ($httpProvider, $translateProvider, $translatePartialLoaderProvider) {
    $translateProvider.preferredLanguage(lang);
    $translateProvider.useLoader('$translatePartialLoader', {
        urlTemplate: 'api/PartialTranslationLoad?lang={lang}&table={part}'
    });
    $translatePartialLoaderProvider.addPart('...');
    $translatePartialLoaderProvider.addPart('...');
    $translateProvider.useSanitizeValueStrategy('sanitize');

    $httpProvider.interceptors.push('APIInterceptor');
  }
);

拦截器服务在 app.classes 模块中：

classes = angular.module("app.classes", []);

classes.service('APIInterceptor', function ($q, $rootScope, $location, $window, $injector, ngDialog) {
    ......
}

错误：

找到循环依赖：$http <- $templateRequest <- $compile <- ngDialog <- APIInterceptor <- $http <- $translatePartialLoader

如果我不将 ngDialog 注入我的拦截器，一切都很好。有人可以解释为什么我会收到循环依赖错误吗？

谢谢

Answer 1

核心问题是：

1. APIInterceptor注入ngDialog
2. ngDialog内部注入$http
3. $http注入APIInterceptor（因为您已通过添加拦截器$httpProvider

最简单的解决方案是在需要时使用手动$injector检索。ngDialog

简单的例子：

app.factory('APIInterceptor', function($q, $rootScope, $location, $window, $injector) {

  return {

    request: function(config) {

      var ngDialog = $injector.get('ngDialog');

      return config;
    }
  };
});