Abonnement nicht ausführt, wenn

Question

an eine Komponente Eigenschaft zuweisen

I

this._subscription = Observable.timer(1000).subscribe(() => { 
      console.log('inside timeout') 
     }) 

eine Timeout-Funktion mit rxjs beobachtbaren innerhalb einer angular2 Komponente einzurichten versucht, und es in anderen Verfahren abmelden. Doch die beobachtbaren ausgeführt nie Wenn ich

let _subscription = Observable.timer(1000).subscribe(() => { 
      console.log('inside timeout') 
     }) 

ändern

Es funktioniert gut. Ich versuchte auch mit

this._subscription=setTimeout(()=>{},1000) 

gleiche Sache geschah. Ich vermute, dass es der ngZone-Fehler ist, also verpacke ich die Funktion innerhalb

this._ngZone.runOutsideAngular(() => {}) 

, aber das Ergebnis ist das gleiche. Ist schon einmal jemand auf dasselbe Problem gestoßen? Ich benutze eckig 2.2.4

Answer 1

Subskription zu einer Observable sollte (in den meisten Fällen) innerhalb ngOnInit Methode durchgeführt werden.

So, jetzt, wenn Sie von ihm abmelden möchten, können Sie es so tun:

private onDestroy$ = new Subject<void>(); 
private stopObs$ = new Subject<void>(); 

ngOnInit() { 
    someObs$ 
    // stop the observable if the component is being destroyed 
    .takeUntil(this.onDestroy$) 
    // stop the component from another method if you want 
    .takeUntil(this.stopObs$) 
    .do(x => console.log(`A value has been received: ${x}`)) 
    .subscribe(); 
} 

callThisMethodToStopListeningToObs() { 
    this.stopObs$.next(); 
    this.stopObs$.complete(); 
} 

ngOnDestroy() { 
    this.onDestroy$.next(); 
    this.onDestroy$.complete(); 
} 

Hier someObs$ könnte ein interval, ein timer oder was auch immer zu beobachten :).

Answer 2

Es stellt sich heraus, ich habe eine klare Subskription in onNgInit, um Abonnement nach Komponenteninitialisierung zu löschen.

NgInit wird nach der Komponentenmethode ausgeführt, in der das Observable sitzt. Daher bricht es das Abonnement sofort nach der Erstellung ab. Jetzt habe ich das Abonnement zurückgesetzt, es funktioniert gut. Was ich gelernt habe ist, dass Ihre Komponente Methode von anderen Komponenten aufgerufen werden kann, bevor NgInit Hook passieren