How can I call an angular service from within a custom rxjs operator?

Question

I'm writing a custom rxjs operator to handle logging HttpClient response errors. My instinct is to put the custom operator in its own file that I'd just include where needed. However, that puts it out of the “Angular world” so how would it get access to my Angular logging service?

Answer 1

Interceptor is one possible solution. Another alternative is create your own http service which i prefer

class Http{
   constructor(private http:HttpClient){}
   logging = (res)=>tap(res=>log(res))
   preIntercept(options)=>options
   post(options){ 
      options=preIntercept(options)
      return http.post(options).pipe(logging)
   } 
}

It just gives you more flexibility, and code are more explicit. With default interceptor you will run into a lot of if else cases because every http call is going through this centralized hub.