有没有办法从angular 6通用的server.ts文件中的interceptor.service.ts访问变量？

Question

I need to access the "this.cacheFlag" variable from interceptor.service.ts into server.ts file at the root in my application.

 return next.handle(this.authReq).pipe( tap((event: HttpEvent<any>) => { if (event instanceof HttpResponse) { this.reqArray.push(event.status); this.cacheFlag = true; //this is the variable I want to access in server.ts file } }), catchError((error, caught) => { //intercept the response error and displace it to the console if (error instanceof HttpErrorResponse) { if(error.url.indexOf("detail?referenceCode=") == -1){ this.reqArray.push(error.status); this.cacheFlag = false; //this is the variable I want to access in server.ts file } }) 

Answer 1

Make your variable static :

export class MyInterceptorService {
  static cacheFlag;

  intercept(...) {
    ...
    if (MyInterceptorService.cacheFlag) {
      // Cache
    }
  }
}

Answer 2

try using a shared service and then subscribing to the value in your server.ts for example create a shared service with this code

cacheFlag = new Observable<boolean>(false);
_cacheFlag = this.cacheFlag.asObservable();


nextValue(val) {
  this.cacheFlag.next(val);
}

and then in the constructor of your interceptor.ts and server.ts add this as well as a variable to assign the value being subscribed to from your shared service

cf: boolean;

constructor( private ss: SharedService ) {
   ss._cacheFlag.subscribe(value => this.cf = value)
}

and then finally in your interceptor.ts

return next.handle(this.authReq).pipe(
    tap((event: HttpEvent<any>) => {
      if (event instanceof HttpResponse) {
        this.reqArray.push(event.status);
        this.ss.nextValue(true); //change this part

      }
    }),
    catchError((error, caught) => {
      //intercept the response error and displace it to the console
      if (error instanceof HttpErrorResponse) {
        if(error.url.indexOf("detail?referenceCode=") == -1){
          this.reqArray.push(error.status);
          this.ss.nextValue(false) //change this part
        }
   })

the value will change in both your interceptor.ts and your server.ts I hope that helped in some way.