刷新Angular 6中的组件

Question

我正在设计一个基于angular 6的仪表板。我的仪表板有几个不同的组件排列在一起。我想每5分钟刷新一个组件。

我尝试过windows.location.reload()和location.reload()，但它刷新了整个页面，而不仅仅是一个组件，也就是说，我的所有组件都在刷新。所以，请提前提供帮助并表示感谢。

Answer 1

试试这个

constructor(private ref: ChangeDetectorRef) {    
setInterval(() => {
this.ref.detectChanges();
}, 5000);
}

Answer 2

给你，

import {Observable} from 'rxjs'; // Angular 6 
// import {Observable} from 'rxjs/Rx'; // Angular 5
Observable.interval(1000).subscribe(x => {
this.router.navigateByUrl('/RefreshComponent', {skipLocationChange: true}).then(()=>
this.router.navigate(["Your actualComponent"]));
});

或

import {Observable} from 'rxjs'; // Angular 6 
// import {Observable} from 'rxjs/Rx'; // Angular 5
Observable.interval(1000).subscribe(x => {
this.ngOnInit();
});

Answer 3

以下内容适用于我的

ngOnInit(): void {
setTimeout(() => { this.ngOnInit() }, 1000 * 10)
//Interval = 10secs
}