Angular2 - stoppen/abbrechen/klar beobachtbar in routerOnDeactivate()

Question

Ich bin neu in Angular2 so entschuldigt, wenn dies eine triviale Frage ist. Ich kann das Intervall nicht stoppen, wenn ich auf einen anderen Link klicke. Diese Komponente ruft alle 3,5 Sekunden Daten aus der DB-Tabelle ab und sie wird als Chat verwendet, so dass 100 Benutzer sie jederzeit hinzufügen können. Ich möchte nicht, dass dies die ganze Zeit im Hintergrund läuft, also dachte ich, ich nutze die Funktion routeronDeactivate(), damit es aufhört, wenn sich der Benutzer auf einem anderen Link befindet.

Ich denke, ich mache etwas falsch. Kann mir bitte jemand helfen?

export class FeedComponent { 

    public feeditems: Feed[]; 
    public timer; 


    constructor(private _feedService: FeedService) { 
    } 

    getArticlesJSON() { 

     console.log('getArticlesJSON'); 
     this._feedService.getFeedJSON() 
      .subscribe(
       data => this.feeditems = data, 
       err => console.log(err), 
       () => console.log('Completed') 
      ); 
    } 

    routerOnDeactivate() { 

     // this.timer.remove(); 
     // this.timer.dematerialize(); 
     // clearInterval(this.timer); 

     console.log('-- deactivate '); 
     // console.log('-- deactivate ' + JSON.stringify(this.timer)); 
    } 

    routerOnActivate() { 

     this.timer = Observable.timer(5000,3500); 
     this.timer.subscribe(() => { 
      this.getArticlesJSON(); 
     }); 

     console.log('++ activate ' + JSON.stringify(this.timer)); 
    } 
} 

Answer 1

routerOnActivate() { 
    this.timer = Observable.timer(5000,3500); 
    this.subscription = this.timer.subscribe(() => { 
    this.getArticlesJSON(); 
    }); 
} 

routerOnDeactivate() { 
    this.subscription.unsubscribe(); 
}