Czy muszę anulować subskrypcję obserwowanych obiektów ActivatedRoute (np. Params)?

Question

Znajduję wiele przykładów, w których ActivatedRoute Obserwowalne, takie jak params lub url są subskrybowane, ale nie są anulowane.

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); 
} 

• są obiekty tras i subskrypcje zniszczone automagicznie i nowo tworzone dla każdego stworzenia komponentu?
• Czy muszę zadbać o anulowanie subskrypcji z tych Observable s?
• Jeśli nie, to czy możesz wyjaśnić, co dzieje się z drzewem obiektów ActivatedRoute w Router. routerState?

Answer 1

From the docs:

Kiedy zapisanie się zauważalny w komponencie, prawie zawsze zorganizować zrezygnować, gdy składnik jest zniszczona.

Istnieje kilka wyjątkowych obserwowalnych miejsc, w których nie jest to konieczne. Obserwacje ActivatedRoute należą do wyjątków.

AktywowanyRoute i jego obserwowalne są izolowane od samego routera. Router niszczy przekierowany komponent, gdy nie jest już potrzebny, a wstrzyknięty ActivatedRoute umiera wraz z nim.

W każdym razie możesz zrezygnować z subskrypcji. Jest nieszkodliwa i nigdy nie jest złą praktyką.

Answer 2

Komponent zostanie zniszczony, a stan routera stanie się bez odniesienia, gdy router przejdzie na inną trasę, co spowoduje, że będą mogli swobodnie gromadzić śmieci, w tym obserwowalne.

Jeśli przekażesz odniesienia do tego komponentu innym komponentom lub usługom, komponent nie zostanie zbufowany i subskrypcja pozostanie aktywna, ale jestem pewien (bez weryfikacji), że obserwowalny zostanie zakończony przez routera podczas nawigacji i powodują anulowanie subskrypcji.

Answer 3

Jako wygrywająca odpowiedź automatycznie otrzymuje się quotes o subscriptions na ActivatedRoute, Angular unsubscribes.

The Router destroys a routed component when it is no longer needed and the injected ActivatedRoute dies with it.

W przypadku, gdy chcesz wiedzieć, jak unsubscribe z 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(); 
    } 

}