angular - example - ¿Tengo que cancelar la suscripción de los observables ActivatedRoute(por ejemplo, params)?

routeparams angular 4

Question

Encuentro muchos ejemplos en los que ActivatedRoute Observables como params o url están suscritos pero no cancelados.

constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.params
// (+) converts string ''id'' to a number
.switchMap((params: Params) => this.service.getHero(+params[''id'']))
.subscribe((hero: Hero) => this.hero = hero);
}

• ¿Se destruyen los objetos y las suscripciones de ruta de forma automática y se crean de nuevo para cada creación de componente?
• ¿Tengo que preocuparme por cancelar la suscripción a esos Observable s?
• Si no es así, ¿puede explicar qué sucede con el árbol de objetos ActivatedRoute en el Router ? routerState ?

Answer 1

Cada vez que agregue suscribirse a un componente, casi siempre tendrá que cancelar la suscripción cuando se destruya el componente. Pero suscribirse a los parámetros de ruta activada no requiere anular la suscripción, ya que el enrutador destruye la suscripción cuando ya no se necesita.

Answer 2

Como la respuesta ganadora quotes las subscriptions a ActivatedRoute , Angular se unsubscribes automáticamente.

quotes

En caso de que desee saber cómo unsubscribe de unsubscribe de Observables :

import { Component,
OnInit,
OnDestroy } from ''@angular/core'';
import { ActivatedRoute } from ''@angular/router'';
// Type
import { Subscription } from ''rxjs/Subscription'';
@Component({
selector: ''app-example'',
templateUrl: ''./example.component.html'',
styleUrls: [''./example.component.scss'']
})
export class ExampleComponent implements OnInit, OnDestroy {
paramsSubscription : Subscription;
constructor(private activatedRoute : ActivatedRoute) { }
/* Angular lifecycle hooks
*/
ngOnInit() {
console.log("Component initialized");
this.paramsSubscription = activatedRoute.params.subscribe( params => {
});
}
ngOnDestroy() {
console.log("Component will be destroyed");
this.paramsSubscription.unsubscribe();
}
}

Answer 3

El componente se destruirá y el estado del enrutador quedará sin referencia cuando el enrutador navegue a una ruta diferente, lo que hará que sean libres de recolectar la basura, incluido el observable.

Si transfiere las referencias a este componente a otros componentes o servicios, el componente no se recolectará como basura y la suscripción se mantendrá activa, pero estoy seguro (sin verificar) que el enrutador completará el observable cuando navegue de distancia y hacer que la suscripción se cancele.

Answer 4

De la documentación :

Al suscribirse a un observable en un componente, casi siempre se dispone a cancelar la suscripción cuando se destruye el componente.

Hay algunos observables excepcionales donde esto no es necesario. Los observables de ActivatedRoute están entre las excepciones.

El ActivatedRoute y sus observables están aislados del propio enrutador. El enrutador destruye un componente enrutado cuando ya no es necesario y el ActivatedRoute inyectado muere con él.

Siéntase libre de darse de baja de todos modos. Es inofensivo y nunca es una mala práctica.