Styjun

The plural of 'stomach"

Where in the Bible does the greeting ("Dominus Vobiscum") used at Mass come from?

Can I Retrieve Email Addresses from BCC?

Was the picture area of a CRT a parallelogram (instead of a true rectangle)?

Tiptoe or tiphoof? Adjusting words to better fit fantasy races

Greatest common substring

Teaching indefinite integrals that require special-casing

Will it be accepted, if there is no ''Main Character" stereotype?

Is the destination of a commercial flight important for the pilot?

Is exact Kanji stroke length important?

Opposite of a diet

Was Spock the First Vulcan in Starfleet?

How will losing mobility of one hand affect my career as a programmer?

Using parameter substitution on a Bash array

Is there a good way to store credentials outside of a password manager?

Everything Bob says is false. How does he get people to trust him?

(Bedrock Edition) Loading more than six chunks at once

Is it okay / does it make sense for another player to join a running game of Munchkin?

Lay out the Carpet

is this a spam?

Short story about space worker geeks who zone out by 'listening' to radiation from stars

Have I saved too much for retirement so far?

How can I replace every global instance of "x[2]" with "x_2"

Do there exist finite commutative rings with identity that are not Bézout rings?

HTTP_INTERCEPTORS is not getting called using angular6

Angular 4 - HTTP InterceptorRight way to disable/remove http interceptors in Angular?Angular 2 Error: Invalid provider - only instances of Provider and Type are allowed, got: [object Object]Property 'filter' does not exist on type 'Observable<Event>'Intercepting HTTP Response headers with Angular 4.3's HttpInterceptorAngular 4 HttpInterceptor : show and hide loaderAngular 2 Cannot find the '@angular/common/http' moduleAngular http requestHow to identify specific request came at HTTP Interceptor using Angular 5?How can I prevent the Angular 6 Custom-Reuse-Strategy from caching a 403 forbidden page?Http response is detected but view is not updated using Angular 6.x

0

I want to implement loader on every request start and hide the loader on the request finish, I have implemented the HTTP_INTERCEPTORS like this

import Injectable from '@angular/core';
import HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse from '@angular/common/http';
import Observable from 'rxjs';
import map from 'rxjs/operators';

@Injectable()
export class HttpConfigInterceptor implements HttpInterceptor 
 constructor() 
 intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> 
 return next.handle(request).pipe(
 map((event: HttpEvent<any>) => 
 if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 ));
 

and i have registered the HTTP_INTERCEPTOR in app.module.ts like this

 providers: [ 
 provide: HTTP_INTERCEPTORS, useClass: HttpConfigInterceptor, multi: true
 ]

but when I make a HTTP call the intercept method is not getting called, do I have to add anything else apart from this?
I have followed this blog but I am not able to handle it

the intercept method is getting initiated, but when the response or request is made the appropriate method is not getting called.

for instance

when I get a response I would want the

if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 }

to get executed

angular angular6 angular-http-interceptors angular-httpclient-interceptors

share|improve this question

edited Mar 21 at 15:25

Tilak Dewangan

148

asked Mar 21 at 9:31

Lijin DurairajLijin Durairaj

1,06031937

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  make sure you have imported the HttpClient module in the same app.module.ts
  
  – Joel Joseph
  Mar 21 at 9:37
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes, i have imported httpClientModule
  
  – Lijin Durairaj
  Mar 21 at 9:41
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  do i have to hook this interceptor class to my http request making class?
  
  – Lijin Durairaj
  Mar 21 at 9:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  no, that is not needed. Are you using HttpClient service to send requests or Http service. if you are using Http service you will need to replace all calls with HttpClient.
  
  – goyaltushar92
  Mar 21 at 13:43
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  check this stackoverflow.com/questions/44396890/angular-4-http-interceptor/…
  
  – Daniel Eduardo Delgado Diaz
  Mar 21 at 15:27
  

  
  
  
  

add a comment | 

0

I want to implement loader on every request start and hide the loader on the request finish, I have implemented the HTTP_INTERCEPTORS like this

import Injectable from '@angular/core';
import HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse from '@angular/common/http';
import Observable from 'rxjs';
import map from 'rxjs/operators';

@Injectable()
export class HttpConfigInterceptor implements HttpInterceptor 
 constructor() 
 intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> 
 return next.handle(request).pipe(
 map((event: HttpEvent<any>) => 
 if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 ));
 

and i have registered the HTTP_INTERCEPTOR in app.module.ts like this

 providers: [ 
 provide: HTTP_INTERCEPTORS, useClass: HttpConfigInterceptor, multi: true
 ]

but when I make a HTTP call the intercept method is not getting called, do I have to add anything else apart from this?
I have followed this blog but I am not able to handle it

the intercept method is getting initiated, but when the response or request is made the appropriate method is not getting called.

for instance

when I get a response I would want the

if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 }

to get executed

angular angular6 angular-http-interceptors angular-httpclient-interceptors

share|improve this question

edited Mar 21 at 15:25

Tilak Dewangan

148

asked Mar 21 at 9:31

Lijin DurairajLijin Durairaj

1,06031937

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  make sure you have imported the HttpClient module in the same app.module.ts
  
  – Joel Joseph
  Mar 21 at 9:37
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  yes, i have imported httpClientModule
  
  – Lijin Durairaj
  Mar 21 at 9:41
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  do i have to hook this interceptor class to my http request making class?
  
  – Lijin Durairaj
  Mar 21 at 9:42
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  no, that is not needed. Are you using HttpClient service to send requests or Http service. if you are using Http service you will need to replace all calls with HttpClient.
  
  – goyaltushar92
  Mar 21 at 13:43
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  check this stackoverflow.com/questions/44396890/angular-4-http-interceptor/…
  
  – Daniel Eduardo Delgado Diaz
  Mar 21 at 15:27
  

  
  
  
  

add a comment | 

I want to implement loader on every request start and hide the loader on the request finish, I have implemented the HTTP_INTERCEPTORS like this

import Injectable from '@angular/core';
import HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse from '@angular/common/http';
import Observable from 'rxjs';
import map from 'rxjs/operators';

@Injectable()
export class HttpConfigInterceptor implements HttpInterceptor 
 constructor() 
 intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> 
 return next.handle(request).pipe(
 map((event: HttpEvent<any>) => 
 if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 ));
 

and i have registered the HTTP_INTERCEPTOR in app.module.ts like this

 providers: [ 
 provide: HTTP_INTERCEPTORS, useClass: HttpConfigInterceptor, multi: true
 ]

but when I make a HTTP call the intercept method is not getting called, do I have to add anything else apart from this?
I have followed this blog but I am not able to handle it

the intercept method is getting initiated, but when the response or request is made the appropriate method is not getting called.

for instance

when I get a response I would want the

if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 }

to get executed

angular angular6 angular-http-interceptors angular-httpclient-interceptors

share|improve this question

edited Mar 21 at 15:25

Tilak Dewangan

148

asked Mar 21 at 9:31

Lijin DurairajLijin Durairaj

1,06031937

import Injectable from '@angular/core';
import HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse from '@angular/common/http';
import Observable from 'rxjs';
import map from 'rxjs/operators';

@Injectable()
export class HttpConfigInterceptor implements HttpInterceptor 
 constructor() 
 intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> 
 return next.handle(request).pipe(
 map((event: HttpEvent<any>) => 
 if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 ));
 

 providers: [ 
 provide: HTTP_INTERCEPTORS, useClass: HttpConfigInterceptor, multi: true
 ]

if (event instanceof HttpResponse) 
 debugger;
 console.log('event--->>>', event); 
 return event;
 }

angular angular6 angular-http-interceptors angular-httpclient-interceptors

angular angular6 angular-http-interceptors angular-httpclient-interceptors

share|improve this question

edited Mar 21 at 15:25

Tilak Dewangan

148

asked Mar 21 at 9:31

Lijin DurairajLijin Durairaj

1,06031937

share|improve this question

edited Mar 21 at 15:25

Tilak Dewangan

148

asked Mar 21 at 9:31

Lijin DurairajLijin Durairaj

1,06031937

edited Mar 21 at 15:25

Tilak Dewangan

148

edited Mar 21 at 15:25

Tilak Dewangan

148

asked Mar 21 at 9:31

Lijin DurairajLijin Durairaj

1,06031937

asked Mar 21 at 9:31

Lijin DurairajLijin Durairaj

1,06031937