在服务 Angularjs 中使用服务

Question

我正在尝试将 bootstrap-ui $modal 服务注入我的工厂，但是当我这样做时，我会遇到循环依赖问题，而当我没有定义 $modal 时。代码如下：

retryModule = angular.module('g4plus.retry-call', ['ui.bootstrap'])

retryModule.factory 'RetryCall', ($q, $rootScope)->
  requests = {}
  failedRequests = {}
  uniqueId = 0
  modalInstance = undefined
  modalClose = true

### Some more code

    alertUser = ()->
    modalInstance = $modal.open
      template: """
        <div class="modal-dialog">
          ... Some more code ...

如何在我的工厂中使用 $modal？请不要让我将此代码放在指令中，因为这违背了目的。如果我能把它放在一个指令中，我早就完成了这个项目。控制器也是如此。

谢谢！

如果我将 $modal 注入我的工厂，循环依赖错误是：

未捕获的错误：[$injector:cdep] 找到循环依赖项：$modal

Answer 1

接受的答案没有提供有效的解决方案。

这里的问题是$modal 依赖于$http。 $modal 无法在拦截器中请求$http，因为$http 尚不存在（因为您仍处于配置阶段，请配置$httpProvider）。

用户 thaumant 的这个回答解释了如何解决这个问题，在这里：

I need two instances of AngularJS $http service or what?

Answer 2

原评论：我在您发布的代码中看不到任何需要$modal... 我认为循环依赖是因为$modal 需要$http 而您正在尝试设置拦截器。你能发布更多代码吗？你是如何设置你的$http 拦截器的？ RetryCall 的完整定义是什么？您在哪里需要 $modal？

可能的答案：将您的拦截器创建为普通的 AngularJS 服务（将其称为 yourHttpInterceptor，然后使用添加它

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

或者，您可以创建一个匿名工厂

yourAngularModule.config(['$httpProvider', function($httpProvider) {
    $httpProvider.interceptors.push(['$modal', function($modal) {
        return {
            request: function(config) {
                 // Do something...
            },
            ...
        }
    }]));
}]);