web-dev-qa-db-ja.com

Angular2-routerOnDeactivate()でオブザーバブルを停止/キャンセル/クリア

私はAngular2を初めて使用するので、これが些細な質問である場合は謝罪してください。別のリンクをクリックしても間隔が止まらないようです。このコンポーネントは、3,5秒ごとにDBテーブルからデータをフェッチし、チャットとして使用されるため、100人のユーザーがいつでも追加できます。これを常にバックグラウンドで実行したくないので、routeronDeactivate()関数を使用して、ユーザーが別のリンクにいるときに停止するようにしました。

私は何か間違っていると思います。誰かが私を助けてくれますか?

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));
    }
}
8
Lukas
routerOnActivate() {
  this.timer = Observable.timer(5000,3500);
  this.subscription = this.timer.subscribe(() => {
    this.getArticlesJSON();
  });
}

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