Question

我试图将bootstrap $ modal注入httpProvider以显示模态中的内部服务器错误消息（500），但是我收到循环依赖性错误（找到循环依赖项：$ http＆lt; - $ modal＆lt; - $ http＆lt; - 区域）

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 ...

将$ modal注入httpProvider

1 个答案: