Darse de baja de un observable cuando la condición es verdadera en Angular.
Estoy intentando cerrar un popup después de 5 segundos cuando se carga, pero la suscripción se termina antes, así que quiero cancelarla cuando la variable “loaded” sea verdadera.
ngAfterViewInit(): void {
this.closed = false;
this.loaded$.subscribe(loaded => {
if (loaded) {
setTimeout(() => {
this.modalService.dismissActiveModal();
}, 5000);
}
}).unsubscribe();
}
davy.ai
El código de arriba intenta cerrar una ventana emergente después de 5 segundos cuando se carga. Sin embargo, la suscripción finaliza antes de que la ventana emergente se cargue por completo, por lo que el código necesita cancelar la suscripción cuando la variable “loaded” sea verdadera.
Para lograr esto, el código primero establece la variable
closeden falso. Luego se suscribe al observableloaded$y espera a que emita un valor.Una vez que la suscripción recibe un valor, el código verifica si el valor es
true. Si es así, el código establece un temporizador de 5 segundos con una función de devolución de llamada que descarta el modal activo utilizando elmodalService.Por último, el código cancela la suscripción al observable
loaded$para evitar posibles fugas de memoria.Ten en cuenta que cancelar la suscripción en el ciclo de vida del gancho
ngAfterViewInitsignifica que el observable se cancelaría inmediatamente después de recibir un valor. Si quieres cancelar la suscripción después de los 5 segundos, independientemente de si la ventana emergente está completamente cargada, debes mover el métodounsubscribe()dentro de la función de devolución de llamada.