Прочтите значение обещания и передайте его следующему методу наблюдаемого

Question

В Angular 9 я создал следующий перехватчик:

@Injectable()
export class AuthorizationHeaderInterceptor implements HttpInterceptor {

  constructor(private authenticationService: AuthenticationService) { }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    return from(this.authenticationService.getAuthenticationHeader()).pipe(header => {

      request = request.clone({
        setHeaders: { 
          Authorization: `${header}`
        }
      });

      return next.handle(request);

    });

  }

}

Метод authenticationService.getAuthenticationHeader() возвращает Promise<string>, где строка - это значение заголовка, которое мне нужно добавить к запросу.

Итак, я использую from для преобразования Promise в Observable и pipe на Observable.

Нужно ли мне использовать map после pipe?

И правильно ли это реализовать?

Answer 1

Поскольку вы возвращаете наблюдаемое, подходящим оператором будет switchMap.

@Injectable()
export class AuthorizationHeaderInterceptor implements HttpInterceptor {
  constructor(private authenticationService: AuthenticationService) { }
  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return from(this.authenticationService.getAuthenticationHeader()).pipe(
      switchMap(header => {         // <-- use `switchMap` here
        request = request.clone({
          setHeaders: { 
            Authorization: `${header}`
          }
        });
        return next.handle(request);
      })
    );
  }
}