Angular 2：如何在一段时间后自动刷新整个页面

Posted 2023-02-23

【中文标题】Angular 2：如何在一段时间后自动刷新整个页面

【英文标题】：Angular 2: How to refresh entire page automatically on after some time

【发布时间】：2018-01-27 20:37:41

【问题描述】：

我正在尝试在 Angular 中编写代码，使其在 10 秒后自动重新加载整个 html 页面。

请帮助如何做到这一点，我是 Angular 2 的新手。

提前致谢。

【问题讨论】：

使用setTimout()并拨打ngOnInit()

您能详细说明这样做的目的吗？是否要重新加载整个页面？或者只是页面的数据？解决方案因您的需要而异。

@Deorahk 是的，在 html 页面中我有包含事件的日历，一旦用户点击它，它应该阻止 10 分钟，并在 10 分钟后再次调用服务并重新加载。

查看这个问题的答案：***.com/questions/35316583/… 它详细介绍了如何为此设置计时器。

Angular2 http at an interval的可能重复

【参考方案1】：

试试这个

setTimeout(
function() 
location.reload(); 
, 10000);

【参考方案2】：

你有两个选择：

1- 使用 ng2-simple-timer-example：

Angular 2 有一个处理计时器的简单组件：ng2-simple-timer-example

Github Link

这个 plunker 显示结果：

Online Plunker

2- 设置时间：

正如@Araivnd 提到的，您可以使用 ngOnInit(angular 在创建组件后调用 ngOnInit) 和 setTimout，如下所示：

ngOnInit()
    setTimeout(function()
          //code here
        ,10000);