title: Angular 4.3 Interceptor not working
body: <p>I try to use new <code>Angular 4.3</code> interceptors for setting authorithation header for all requests. However, it is not working. I set breakpoint into the interceptors <code>intercept</code> method and browser did not hit it, so it seems like <code>angular</code> just ignores my interceptor. Please help me, thanks in advance.</p>
  
  <p>user.service.ts:</p>
  
  <pre><code>import {Injectable} from '@angular/core';
  import 'rxjs/add/operator/map';
  import {Observable} from "rxjs";
  import {Http} from "@angular/http";
  
  @Injectable()
  export class UserService {
  
    constructor(public http: Http) {
    }
  
    public getContacts(): Observable&lt;any[]&gt; {
      return this.http.get('/users/contacts').map(contacts =&gt; contacts.json());
    }
  }
  </code></pre>
  
  <p>token.interceptor.ts</p>
  
  <pre><code>import {Injectable} from '@angular/core';
  import {
    HttpRequest,
    HttpHandler,
    HttpEvent,
    HttpInterceptor
  } from '@angular/common/http';
  import {Observable} from 'rxjs/Observable';
  import {AuthService} from "./shared/auth.service";
  
  @Injectable()
  export class TokenInterceptor implements HttpInterceptor {
    constructor(public auth: AuthService) {
    }
  
    intercept(request: HttpRequest&lt;any&gt;, next: HttpHandler): Observable&lt;HttpEvent&lt;any&gt;&gt; {
  
      request = request.clone({
        setHeaders: {
          Authorization: `Bearer ${this.auth.getToken()}`
        }
      });
      return next.handle(request);
    }
  }
  </code></pre>
  
  <p>app.module.ts:</p>
  
  <pre><code>@NgModule({
    ...
    providers: [
      ...
      {provide: HTTP_INTERCEPTORS, useClass: TokenInterceptor, multi: true}
    ]
  })
  </code></pre>