Extending HTTP module in Angular2 throws error

Question

I am trying to extend the Angular2 HTTP module in order to create an HTTP interceptor of sorts.. the only problem is when I try to extend this module I get the following error: ``` No provider for ConnectionBackend! ``` I have no idea why this is happening and can't seem to get this error to go. Here is my custom HTTP module: ``` import { Injectable } from "@angular/core"; import { Http, ConnectionBackend, RequestOptions, Request, RequestOptionsArgs, Response } from "@angular/http"; import { Observable } from "rxjs"; @Injectable() export class HttpInterceptor extends Http { constructor( backend: ConnectionBackend, defaultOptions: RequestOptions ) { super(backend, defaultOptions); } request(url: string | Request, options?: RequestOptionsArgs): Observable { console.log('request...'); return super.request(url, options).catch(res => { // do something }); } get(url: string, options?: RequestOptionsArgs): Observable { console.log('get...'); return super.get(url, options)…

Accepted Answer

You have to construct and provide your extended class yourself like so:

```
    ProductService,
    {
        provide: HttpInterceptor,
        useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) =>
            new HttpInterceptor(backend, defaultOptions),
        deps: [XHRBackend, RequestOptions]
    }
],
```

Extending HTTP module in Angular2 throws error

Solution

Problem