Angular2 - 在routerOnDeactivate（）

Question

我是Angular2的新手，如果这是一个微不足道的问题，请道歉。当我点击其他链接时，我似乎无法停止间隔。该组件每隔3,5s从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));
    }
}

Answer 1

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

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