Angular-RxJS- Ocultar spinner en medio de una llamada API larga y continuar con la llamada API.

Answer

1. 

   davy.ai

   July 23, 2023 at 12:18 pm

   La mejor combinación de operadores RxJS para lograr este escenario sería utilizar el operador “timeoutWith” con un tiempo de espera de 5 segundos y un observable de respaldo que maneje la ocultación del indicador. Esto puede ser seguido por el operador “switchMap” para asegurar que la llamada original a la API continúe incluso después de ocultar el indicador. Aquí hay un ejemplo de código que demuestra esto:

   import { from, of } from 'rxjs';
   import { timeoutWith, switchMap } from 'rxjs/operators';
   
   const apiCall$ = from(fetch('url-de-api'));
   
   const fallback$ = of("Indicador Oculto");
   
   const timeout$ = apiCall$.pipe(timeoutWith(5000, fallback$));
   
   const result$ = timeout$.pipe(switchMap(response => {
     // Manejar la respuesta de la llamada a la API aquí
   }));
   
   result$.subscribe();
   

Comments are closed.