Estoy tratando de resolver un problema. Actualmente, estoy abriendo un modal pero necesitaba la combinación de los 3 observables de ruta para esto. Entonces, la lógica de mi código es algo como esto:
combineLatest([obs1, obs2, obs3]) .subscribe(([s1, s2, s3]: any) => { openModal(); });
Dado que se ejecutará 3 veces, mi modal también se abrirá tres veces, pero no quiero que lo haga, pero sé que es el comportamiento esperado.
Entonces, para esto, la mala solución que implementé fue usar una flag
como esta:
let shouldOpen = true; combineLatest([obs1, obs2, obs3]) .subscribe(([s1, s2, s3]: any) => { if(shouldOpen) { shouldOpen = false; openModal(); } });
Pero, por supuesto, esa no es una buena solución.
Entonces, la pregunta es: ¿hay alguna manera de que siga usando combineLatest
pero que se ejecute solo una vez ?
Aquí hay un Stackblitz si quieres probar con combineLatest.
Nota: no puedo usar
forkJoin
ozip
, ya los probé.
Como no puede usar forkJoin
(que es la respuesta correcta), omita las dos primeras emisiones de combineLatest
combineLatest([obs1, obs2, obs3]) .pipe(skip(2)) .subscribe(([s1, s2, s3]: any) => { openModal(); });
También puede usar skipWhile
para saltar hasta que se definan los tres:
.pipe(skipWhile(([s1, s2, s3]) => s1===undefined || s2 === undefined || s3===undefined))