参见英文答案 >
End Observable interval when route changes in Angular 21个
我是Angular2的新手,如果这是一个微不足道的问题,请道歉.当我点击不同的链接时,我似乎无法停止间隔.该组件每隔3,5s从DB表中获取数据并将其用作聊天,因此100个用户可以随时添加它.我不希望它一直在后台运行,所以我想我会使用routeronDeactivate()函数让它在用户位于不同的链接时停止.
我是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)); } }
routerOnActivate() {
this.timer = Observable.timer(5000,3500);
this.subscription = this.timer.subscribe(() => {
this.getArticlesJSON();
});
}
routerOnDeactivate() {
this.subscription.unsubscribe();
}
