javascript - 当使用 setInterval 在 Angular 4 中加载列表时，单击其他链接时也会触发相同的 loadlist 函数

Question

在我们的 Angular 4 应用程序中，我必须在指定的时间内加载网格。我也使用了 setInterval 来实现同样的目的。请参阅下面使用的代码片段。

间隔:任意；

ngOnInit(): void {

    this.loadList();

    this.interval = setInterval(() => {  

        this.loadList();

    }, 30000);  

即使移动到另一个链接，loadList 也会每 30 秒执行一次。如果用户位于正确的页面上，我必须加载列表。现在它总是在射击。同样的情况如何解决？

请任何人帮忙解决同样的问题。

Answer 1

如果您只想在该组件上设置该间隔，您可以实现内置的 OnDestroy 接口(interface)并使用 ngOnDestroy 方法，如下所示:

import {OnDestroy} from '@angular/core';
export class yourComponent implements OnDestroy {

   ngOnDestroy(){
     clearInterval(this.interval);
   }
}