Cancellation Token #12336

3 Answer(s)

• 

  0

  oguzhanagir created 2 months ago

  Support Team

  Hi @Hellonote

  Sorry for the late answer. This code defines an Angular HTTP interceptor to handle request cancellations. It uses a Subject to emit cancellation signals. The intercept method pipes HTTP requests through takeUntil, which listens for the cancellation signal. The cancelPendingRequests method triggers the cancellation of all pending requests. You need to ensure that the interceptor is used in the service or component where you make the HTTP requests. Could you please check if this resolves your issue? If this interceptor does not solve your problem, could you provide more details?

  import { Injectable } from '@angular/core';
  import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
  import { Observable, Subject } from 'rxjs';
  import { takeUntil } from 'rxjs/operators';
  
  @Injectable()
  export class CancellationInterceptor implements HttpInterceptor {
      private cancelPendingRequests$ = new Subject();
  
      intercept(req: HttpRequest, next: HttpHandler): Observable> {
          return next.handle(req).pipe(
              takeUntil(this.cancelPendingRequests$)
          );
      }
  
      cancelPendingRequests() {
          this.cancelPendingRequests$.next();
      }
  }
  

  providers: [
          { provide: HTTP_INTERCEPTORS, useClass: CancellationInterceptor, multi: true },
          // other providers
  ],
  

  Save Cancel
• 

  0

  Hellonote created 2 months ago

  Hi @Hellonote

  Sorry for the late answer. This code defines an Angular HTTP interceptor to handle request cancellations. It uses a Subject to emit cancellation signals. The intercept method pipes HTTP requests through takeUntil, which listens for the cancellation signal. The cancelPendingRequests method triggers the cancellation of all pending requests. You need to ensure that the interceptor is used in the service or component where you make the HTTP requests. Could you please check if this resolves your issue? If this interceptor does not solve your problem, could you provide more details?

  import { Injectable } from '@angular/core'; 
  import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http'; 
  import { Observable, Subject } from 'rxjs'; 
  import { takeUntil } from 'rxjs/operators'; 
   
  @Injectable() 
  export class CancellationInterceptor implements HttpInterceptor { 
      private cancelPendingRequests$ = new Subject(); 
   
      intercept(req: HttpRequest, next: HttpHandler): Observable> { 
          return next.handle(req).pipe( 
              takeUntil(this.cancelPendingRequests$) 
          ); 
      } 
   
      cancelPendingRequests() { 
          this.cancelPendingRequests$.next(); 
      } 
  } 
  

  providers: [ 
          { provide: HTTP_INTERCEPTORS, useClass: CancellationInterceptor, multi: true }, 
          // other providers 
  ], 
  

  Hello Team,

  I already done this, with this on API side we are getting unhandled exceptions logs.
  Do we need to do something on API side as well?
  Kindly let us know with sample code if it need to handle on API side

  Save Cancel
• 

  0

  ismcagdas created 2 months ago

  Support Team

  Hi,

  Could you share the error logs ?

  Save Cancel