从 app.config 调用服务

Question

我创建了一个$httpProvider 拦截器，就像here 描述的那样：

$httpProvider.interceptors.push(function ($q) {
    return {
        'responseError': function (response) {

            var _status,
                _message;

            switch (response.status) {
                case 403:
                    _status = 'warning';
                    _message = 'no rights to do this';
                    break;
                case 500:
                    _status = 'danger';
                    _message = 'internal server error';
                    break;
            }


            Alert.add({status: _status, msg: _message});

            return $q.reject(response);
        }
    };
});

Alert 是我熟悉的一项服务，用于显示通知、错误等。它依赖于$rootScope，只是添加了一个要在 html 中呈现的对象。

所以问题是：如何从定义此拦截器的app.config 调用我的Alert 服务？或者，如果不可能，我怎样才能在一个地方捕获所有 http 错误并显示它们？

Answer 1

你需要使用$injector，然后在拦截器中你可以通过$injector.get任何服务名称来获取服务。

代码

$httpProvider.interceptors.push(function ($q, $injector) {
    return {
        'responseError': function (response) {
            var service = $injector.get('myService'); //here you can get service
            var _status,
                _message;

            switch (response.status) {
                case 403:
                    _status = 'warning';
                    _message = 'no rights to do this';
                    break;
                case 500:
                    _status = 'danger';
                    _message = 'internal server error';
                    break;
            }


            Alert.add({status: _status, msg: _message});

            return $q.reject(response);
        }
    };
});

更新

根据@zeroflagL 解决方案，它可以通过仅在函数中直接依赖注入服务以更简单的方式工作。

代码

$httpProvider.interceptors.push(function ($q, myService) {
    return {
        'responseError': function (response) {
            var _status,
                _message;

            switch (response.status) {
                case 403:
                    _status = 'warning';
                    _message = 'no rights to do this';
                    break;
                case 500:
                    _status = 'danger';
                    _message = 'internal server error';
                    break;
            }


            Alert.add({status: _status, msg: _message});

            return $q.reject(response);
        }
    };
});