Observableを角型HttpInterceptorで返す

Question

@ ngrx/storeを使用してストアからトークンを取得してHTTPヘッダーに配置すると、フラットマップのmergeMapを使用しようとしましたが、それらはすべてHTTP要求を複製し続けます。 （1）それがループ要求とハングに行く取る、これは私が持っているものです。

@Injectable() 
export class AuthInterceptorService implements HttpInterceptor { 
    token$: Observable<string>; 

    constructor(private readonly store: Store<fromRoot.State>) { 
     this.token$ = store.select(fromAuth.getToken); 
    } 

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

     return this.token$ 
       .map(token => { 
        if (token) { 
        request = request.clone({setHeaders: {Authorization: `Bearer ${token}`}}); 
        } 
       }) 
       .mergeMap(() => next.handle(request)); 
    } 
} 

Answer 1

return this.token$ 
      .map(token => { 
       if (token) { 
       request = request.clone({setHeaders: {Authorization: `Bearer ${token}`}}); 
       } 
       return request; 
      }) 
      .switchMap((req) => next.handle(req)); 

スイッチマップは、観察可能なものを取り、別のものにそれを切り替えます。また、観測可能なシーケンスでマップを使用する場合は、実際に値を渡す必要があります。個人的には、リクエストを最初の観測可能なストリームの一部にすることさえあります。