Angular 5 - 以固定的时间间隔自动重新加载特定组件的 HTML 页面

Question

自动重新加载特定组件的HTML页面的手动解决方案：

1. 通过点击导航到 HTML 页面。

2. 或者在点击时调用该组件的ngOnInit()。

我正在使用 HTML 代码中的点击事件手动执行此操作，如下所示：

HTML 代码：app.component.html

<button (click) = reloadPage()>

TS 代码：app.component.ts

reloadPage() {
  // Solution 1:   
   this.router.navigate('localhost:4200/new');

  // Solution 2:
   this.ngOnInit();
}

但我需要自动实现这一点。我希望我很清楚。该页面应在某个特定时间间隔后自动重新加载，并在每个时间间隔调用ngOnInit()。

Answer 1

在通话中的任何位置添加正确的 setInterval 调用： setInterval(() => reloadPage(), 150000); 和 reloadPage 方法内部放置与按钮相同的逻辑。

一个例子：

---

只需将reloadPage 函数调用放在构造函数中即可：

export class SomeComponent {
   constructor() {           
       setInterval(() => this.reloadPage(), 150000);
   }

   reloadPage() {
       // anything your button doeas
   }
}

还要注意，setInterval 的正确调用是：

setInterval(() => this.reloadPage(), 150000);

注意：我的回答只是修复了您提供的代码。但似乎对角度和使用ngOnInit

的“重新加载页面”存在一些更大的逻辑误解