Breaking News: Grepper is joining You.com. Read the official announcement!

angular cache interceptor

Touqeer Hassan answered on April 19, 2022 Popularity 7/10 Helpfulness 4/10

answer angular cache interceptor

related how to delete cache in angular using http interceptor?

angular cache interceptor

Comment

import {
  HttpEvent,
  HttpHandler,
  HttpInterceptor,
  HttpRequest,
  HttpResponse,
} from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable, of, tap } from 'rxjs';

@Injectable()
export class CachingInterceptor implements HttpInterceptor {
  private cache = new Map<string, any>();

  intercept(
    request: HttpRequest<any>,
    next: HttpHandler
  ): Observable<HttpEvent<any>> {
    if (request.method !== 'GET') {
      return next.handle(request);
    }
    const cachedResponse = this.cache.get(request.url);
    if (cachedResponse) {
      return of(cachedResponse);
    }

    return next.handle(request).pipe(
      tap((response) => {
        if (response instanceof HttpResponse) {
          this.cache.set(request.url, response);
        }
      })
    );
  }
}

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: dev-academy.com

Tags: angular-cache interceptor javascript

Link to this answer
Share Copy Link

Contributed on Apr 19 2022

Touqeer Hassan

0 Answers Avg Quality 2/10

Closely Related Answers

how to delete cache in angular using http interceptor?

Comment

import { Injectable } from '@angular/core';
import { environment } from 'src/environments/environment';

@Injectable({ providedIn: 'root' })
export class TimerService {
  private isTimerStarted = false;
  public dateNow = new Date();
  public dDay = new Date();
  milliSecondsInASecond = 1000;
  hoursInADay = 24;
  minutesInAnHour = 60;
  SecondsInAMinute = 60;

  public timeDifference: any;

  constructor() {}

  private getTimeDifference() {
    this.timeDifference = this.dDay.getTime() - new Date().getTime();    
  }
  
  startTimer() {
    if (!this.isTimerStarted) {
   
      this.dDay.setMinutes(
        this.dDay.getMinutes() + 30 //+environment.cacheTimeInMinutes // you can put this time in environment file to make it configurable.
      );
      this.getTimeDifference();
      this.isTimerStarted = true;
    }
  }

  resetTimer() {
    this.isTimerStarted = false;
    this.getTimeDifference();
  }

  getRemainingTime(): number {
    this.getTimeDifference();
    return this.timeDifference;
  }
}

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: karthiktechblog.com

Tags: javascript http using angular us

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

Zany Zebra

0 Answers Avg Quality 2/10

angular cache interceptor

Contents

More Related Answers

angular cache interceptor

Closely Related Answers

how to delete cache in angular using http interceptor?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.