Estoy creando un guardia y estoy usando canActivate . También estoy usando la administración de estado de NgRx .
Guión:
Si materialState$ tiene datos, devuelve verdadero
Si userCurrency$ tiene datos, devuelve verdadero
Me gustaría conectarlos en un observable y si ambos tienen datos devueltos verdaderos
Mi código:
export class IsTrue implements CanActivate { constructor(private userFacade: UserFacade) {} canActivate(): Observable<boolean | UrlTree> | boolean | UrlTree { this.userFacade.getUserStatiscis(); const materialState$ = this.userFacade.materialState$.pipe( filter((data) => data !== null), map((data) => { if (data) return true; }), ); const userCurrency$ = this.userFacade.selectUserCurrency$.pipe( filter((data) => data !== null), map((data) => { if (data) return true; }), ); // return forkJoin(materialState$, userCurrency$); } } Intenté usar forkJoin , merge y concat pero sin éxito.
@Editar
Encontré una "solución" funcional, ¿podría calificarla?
return combineLatest([materialState$, userCurrency$]).pipe( map((data) => { if (data) return true; }), );Puede lograrlo usando el operador combineLatest y luego asignando el resultado a un valor boolean , como el siguiente:
combineLatest([ this.userFacade.materialState$.pipe(filter(data => !!data)), this.userFacade.selectUserCurrency$.pipe(filter(data => !!data)) ]).pipe( map(([materialState, userCurrency]) => !!materialState && !!userCurrency) );Si todo lo que quiere saber es si ambos emitieron al menos un valor, combineLatest es su amigo, porque solo comienza a emitir después de que todas las fuentes emitieron al menos una vez.
combineLatest([ this.userFacade.materialState$, this.userFacade.selectUserCurrency$ ]);si necesita explícitamente el verdadero/falso, puede agregar
.pipe( map(() => true) );const materialState$ = this.userFacade.materialState$.pipe( filter(data => !!data) ); const userCurrency$ = this.userFacade.selectUserCurrency$.pipe( filter((data) => !!data) ); const connectedStream$ = combineLatest([ materialState$, userCurrency$ ]);