angularjs - 注入(inject) $modal 到 httpProvider

Question

我试图将 bootstrap $modal 注入(inject) httpProvider 以在模式中显示内部服务器错误消息 (500)，但我收到循环依赖错误(发现循环依赖:$http <- $modal <- $http <- locale)

app.config(function($httpProvider) {
$httpProvider.interceptors.push(function ($q, $location, $modal) {
    return {
        'response': function (response) {
            return response;
        },
        'responseError': function (rejection, modalInstance) {
            if(rejection.status === 401) {
                console.log('No permissions - redirected to the login page');
                $location.path('/login');
            } else if (rejection.status === 404) {
                var modalInstance = $modal.open({
                    templateUrl: 'templates/modal/error.tpl.html',
                    controller: 'ModalController',
                    size: 'md',
                    resolve: {
                        object: function () {
                            return object;
                        }
                    }
                });
            }
            return $q.reject(rejection);
        }
    };
});

有什么解决办法吗？

Answer 1

使用 $injector:

app.config(function($httpProvider) {
$httpProvider.interceptors.push(function ($q, $location, $injector) {
  var modal = $injector.get("$modal");
  modal.open ...