在 HttpInterceptor 中使用服务 - Angular2

Question

我有一个这样开头的 Httpinterceptor：

@Injectable()
export class InterceptedHttp extends Http {

  constructor(backend: ConnectionBackend, defaultOptions: RequestOptions) {
    super(backend, defaultOptions);
  }

我想使用我在许多其他组件中创建和使用的服务。如果我像通常那样将我的服务添加到构造函数中，我会得到一个异常。显然这是因为构造函数不能与扩展类不同：

错误：提供的参数与调用目标的任何签名都不匹配。

是否仍然可以在我的 InterceptedHttp 类中使用该服务？

Answer 1

不再推荐扩展Http。如果你使用 Angular 4.3+，你应该实现HttpInterceptor

import {Injectable} from '@angular/core';
import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from '@angular/common/http';

@Injectable()
export class NoopInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(req);
  }
}

https://angular.io/guide/http#intercepting-all-requests-or-responses